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

/*

    Module:    text.css

    Author:    Francois Schiettecatte (FS Consulting, LLC.)

    Creation Date:    2 June 201

    Purpose:    This is the CSS for the text tables and text.

*/


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


/*
** Table features
*/

.wrapper-table {
    position: relative;
    width: 100%;
}


.indented-wrapper-table {
    margin-left: 10px;
    margin-right: 10px;
    position: relative;
    width: 98%;
}


.embedded-table {
    position: relative;
    width: auto;
}


.indented-embedded-table {
    margin-left: 10px;
    margin-right: 10px;
    position: relative;
    width: auto;
}


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


/*
** Border features
*/

.border {
    border: 1px solid #CDCDCD;
}

.corner-border-top-left {
    border-top-left-radius: 0.3em;
    border-top: 1px solid #CDCDCD;
    border-left: 1px solid #CDCDCD;
}

.corner-border-top-right {
    border-top-right-radius: 0.3em;
    border-top: 1px solid #CDCDCD;
    border-right: 1px solid #CDCDCD;
}

.corner-border-bottom-left {
    border-bottom-left-radius: 0.3em;
    border-bottom: 1px solid #CDCDCD;
    border-left: 1px solid #CDCDCD;
}

.corner-border-bottom-right {
    border-bottom-right-radius: 0.3em;
    border-bottom: 1px solid #CDCDCD;
    border-right: 1px solid #CDCDCD;
}

.thick-border {
    border-bottom: 2px solid #CDCDCD;
    border-right: 1px solid #CDCDCD;
}
    
.thick-border-top {
    border-top: 2px solid #CDCDCD;
}
    
.thick-border-bottom {
    border-bottom: 2px solid #CDCDCD;
}
    
.thick-border-left {
    border-left: 1px solid #CDCDCD;
}

.thick-border-right {
    border-right: 1px solid #CDCDCD;
}


.thin-border {
    border-bottom: 1px solid #CDCDCD;
    border-right: 1px solid #CDCDCD;
}
    
.thin-border-top {
    border-top: 1px solid #CDCDCD;
}
    
.thin-border-bottom {
    border-bottom: 1px solid #CDCDCD;
}
    
.thin-border-left {
    border-left: 1px solid #CDCDCD;
}

.thin-border-right {
    border-right: 1px solid #CDCDCD;
}

.thin-dashed-border {
    border-bottom: 1px dashed #CDCDCD;
    border-right: 1px solid #CDCDCD;
}


.green-border-top {
    border-top: 2px solid #97CE80;
}
    
.green-border-bottom {
    border-bottom: 2px solid #97CE80;
}
    
/* Shadow border for the search box */
.search-box-border {
    border: 1px solid #97CE80;
    box-shadow: 1px 1px 2px #97CE80;
    border-radius: 0.2em;
}
    

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

/*
** Tab features
*/

.tab {
    border-radius: 4px 4px 0px 0px;
    /* box-shadow: 2px 2px 3px #CDCDCD; */
    cursor: pointer;
}

.active-tab {
    border-top: 1px solid #97CE80;
    border-left: 1px solid #97CE80;
    border-right: 1px solid #97CE80;
}

.inactive-tab {
    border-top: 1px solid #CDCDCD;
    border-left: 1px solid #CDCDCD;
    border-right: 1px solid #CDCDCD;
    border-bottom: 1px solid #97CE80;
    background: linear-gradient(#F0F0F0, #D6D6D6);
    background: -moz-linear-gradient(#F0F0F0, #D6D6D6);
    background: -webkit-linear-gradient(#F0F0F0, #D6D6D6);
    color: gray;
}


.thin-green-border-left {
    border-left: 1px solid #97CE80;
}
    
.thin-green-border-right {
    border-right: 1px solid #97CE80;
}
    
.corner-green-border-bottom-left {
    border-bottom-left-radius: 0.3em;
    border-bottom: 1px solid #97CE80;
    border-left: 1px solid #97CE80;
}
    
.corner-green-border-bottom-right {
    border-bottom-right-radius: 0.3em;
    border-bottom: 1px solid #97CE80;
    border-right: 1px solid #97CE80;
}


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

/*
** Color gradient features
*/

/* 
.yellow-gradient {
    background: linear-gradient(#FCEB73, #DDC455);
    background: -moz-linear-gradient(#FCEB73, #DDC455);
    background: -webkit-linear-gradient(#FCEB73, #DDC455);
}
*/

.light-green-gradient {
    background: linear-gradient(#DAECD0, #99CD83);
    background: -moz-linear-gradient(#DAECD0, #99CD83);
    background: -webkit-linear-gradient(#DAECD0, #99CD83);
}

/* 
.blue-gradient {
    background: linear-gradient(#A1B1C3, #365B80);
    background: -moz-linear-gradient(#A1B1C3, #365B80);
    background: -webkit-linear-gradient(#A1B1C3, #365B80);
}
*/

/* 
.green-gradient {
    background: linear-gradient(#5BA35B, #3D783D);
    background: -moz-linear-gradient(#5BA35B, #3D783D);
    background: -webkit-linear-gradient(#5BA35B, #3D783D);
}
*/

/* 
.red-gradient {
    background: linear-gradient(#AC0007, #520002);
    background: -moz-linear-gradient(#AC0007, #520002);
    background: -webkit-linear-gradient(#AC0007, #520002);
}
*/
 
/* 
.dark-grey-gradient {
    background: linear-gradient(#D5D5D5, #C3C3C3);
    background: -moz-linear-gradient(#D5D5D5, #C3C3C3);
    background: -webkit-linear-gradient(#D5D5D5, #C3C3C3);
}
*/
 
.medium-grey-gradient {
    background: linear-gradient(#F0F0F0, #D6D6D6);
    background: -moz-linear-gradient(#F0F0F0, #D6D6D6);
    background: -webkit-linear-gradient(#F0F0F0, #D6D6D6);
}

.light-grey-gradient {
    background: linear-gradient(#FDFDFD, #E9E9E9);
    background: -moz-linear-gradient(#FDFDFD, #E9E9E9);
    background: -webkit-linear-gradient(#FDFDFD, #E9E9E9);
}


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


/*
** Color features
*/

.vlight-green {
    background: #F5FAF2;
}

.light-green-gradient-hover:hover {
    background: linear-gradient(#DAECD0, #99CD83);
    background: -moz-linear-gradient(#DAECD0, #99CD83);
    background: -webkit-linear-gradient(#DAECD0, #99CD83);
}

.red {
    color: red;
}


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


/*
** Menu features
*/

.menu {
    font-size: 0.8em;
    line-height: 1.6em;
    text-align: left;
    padding: 2px 2px 2px 2px;
    /* padding: 0 2px 0 2px; */
    vertical-align: top;
    /* color: #004EC5; */
    color: #2865A8;
    text-decoration: none;
    cursor: pointer;
    white-space: nowrap;
}

.menu:hover {
    background: linear-gradient(#DAECD0, #99CD83);
    background: -moz-linear-gradient(#DAECD0, #99CD83);
    background: -webkit-linear-gradient(#DAECD0, #99CD83);
    text-decoration: none;
}

.menu:visited {
    color: #2865A8;
}

.menu-item {
    font-size: 1.2em;
    line-height: 1.6em;
    /* color: #004EC5; */
    color: #2865A8;
    text-decoration: none;
    cursor: pointer;
    white-space: nowrap;
}

.menu-item:hover {
    background: linear-gradient(#DAECD0, #99CD83);
    background: -moz-linear-gradient(#DAECD0, #99CD83);
    background: -webkit-linear-gradient(#DAECD0, #99CD83);
    text-decoration: none;
}


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


/*
** Clickable text
*/

.clickable {
    color: #2865A8;
    text-decoration: none;
    cursor: pointer;
}

.clickable:hover {
    color: #2865A8;
    text-decoration: underline;
}

.clickable:visited {
    color: #2865A8;
}


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


/*
** Home page features
*/

.home-title {
    font-size: 3em;
    padding: 2px;
}

.home-title sup {
    top: -1.5em;
    font-size: .4em;
    position: relative;
}

.home-entry-search {
    border-radius: 0.2em;
    border: 1px solid #CDCDCD;
    font-size: 1.1em;
    padding: 0.3em;
}


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


/*
** Floating menu features
*/

.floating-menu {
    border-radius: 0.2em;
    border: 1px solid #CDCDCD;
    background: white; 
}

.floating-menu-title-border {
    border-radius: 0.2em 0.3em 0 0;
}

.floating-menu-title {
    /* font-size: 12px; */
    font-size: 0.75em;
    line-height: 2em;
    font-weight: normal;
    padding: 0 2px;
    vertical-align: baseline;
    white-space: nowrap;    /* <= */
}

.floating-menu-clickable-title {
    /* font-size: 12px; */
    font-size: 0.75em;
    line-height: 2em;
    font-weight: normal;
    padding: 0 2px;
    vertical-align: baseline;
    white-space: nowrap;    /* <= */
    /* color: #004EC5; */
    color: #2865A8;
}

.floating-menu-clickable-title:hover {
    background: linear-gradient(#DAECD0, #99CD83);
    background: -moz-linear-gradient(#DAECD0, #99CD83);
    background: -webkit-linear-gradient(#DAECD0, #99CD83);
    text-decoration: none;
    cursor: pointer;
}

.floating-menu-item {
    /* font-size: 12px; */
    font-size: 0.75em;
    line-height: 1.5em;
    font-weight: normal;
    padding: 0 2px;
    vertical-align: baseline;
    white-space: nowrap;    /* <= */
    margin-left: 1em;
}


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


/*
** Text features
*/

.title {
    /* font-size: 22px; */
    font-size: 1.4em;
    line-height: 1.7em;
    font-weight: normal;
    padding: 0 2px;
    vertical-align: baseline;
}

.heading {
    /* font-size: 18px; */
    font-size: 1.1em;
    line-height: 1.5em;
    font-weight: normal;
    padding: 0 2px;
    vertical-align: baseline;
}

.subheading {
    /* font-size: 16px; */
    font-size: 1.0em;
    line-height: 1.5em;
    font-weight: normal;
    padding: 0 2px;
    vertical-align: baseline;
}

.text {
    /* font-size: 16px; */
    font-size: 1.0em;
    line-height: 1.5em;
    font-weight: normal;
    padding: 0 2px;
    vertical-align: baseline; 
}

.label {
    /* font-size: 12px; */
    font-size: 0.8em;
    line-height: 1.5em;
    font-weight: normal;
    padding: 0 2px;
    vertical-align: baseline;
    white-space: nowrap;    /* <= */
}

.value {
    /* font-size: 12px; */
    font-size: 0.8em;
    line-height: 1.5em;
    font-weight: normal;
    padding: 0 2px;
    vertical-align: baseline;
}

.small {
    /* font-size: 10px; */
    font-size: 0.7em;
    line-height: 1.3em;
    font-weight: normal;
    padding: 0 2px;
    vertical-align: baseline; 
}

.vsmall {
    /* font-size: 8px; */
    font-size: 0.5em;
    line-height: 1.2em;
    font-weight: normal;
    padding: 0 2px;
    vertical-align: baseline; 
}


.text-font {
    font-family: 'Palatino Linotype', 'Palatino', Georgia, 'Times New Roman', Times, serif;
}

.code-font {
    font-family: 'Lucida Console', Monaco, 'Courier New', Courier, monospace;
}


.italic {
    font-style: italic;
}

.bold {
    font-weight: bold;
}


.center {
    text-align: center;
}

.indent {
    margin-left: 2em;
}

.small-indent {
    margin-left: 0.6em;
}


.highlight {
    background-color: #FFFFC4;
}

.change {
    border-left: 4px solid #97CE80; 
    padding-left: 4px;
}


    
.warning {
    background-color: #FFFFC0;
}

input.error,
select.error,
textarea.error {
    background: #FFFFBF;
}

.error2 {
    color: red;
    background: #FFFFBF;
    border: 1px solid red;
}

.message2 {
    color: blue;
}

.hidden {
    display: none;
}


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


/*
** Autocomplete - https://github.com/devbridge/jQuery-Autocomplete
*/


.autocomplete-suggestions { 
    border: 1px solid #999999; 
    background: white; 
    cursor: default; 
    overflow: auto; 
}

.autocomplete-suggestion { 
    padding: 5px 5px; 
    font-size: 0.8em; 
    white-space: nowrap; 
    overflow: hidden;
}

.autocomplete-selected { 
    background: #F0F0F0;
}

.autocomplete-suggestions strong {
    font-weight: normal; 
    color: #038ACA;
}


/* This is the div for the autocomplete data */
.autocomplete {
    font-size: 1.0em;
    line-height: 0.8em;
    font-weight: normal;
    padding: 0px;
    margin: 0px;
    vertical-align: left;
    position: absolute;
    white-space: nowrap;    /* <= */
}


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


/*
** Button
*/


.button {
    border-radius: 0.2em;
    border: 1px solid #97CE80;
    background: linear-gradient(#FDFDFD, #E9E9E9);
    background: -moz-linear-gradient(#FDFDFD, #E9E9E9);
    background: -webkit-linear-gradient(#FDFDFD, #E9E9E9);
    padding :  0.3em 1em;
    color: #2865A8;
}

.button:hover {
    background: linear-gradient(#F0F0F0, #D6D6D6);
    background: -moz-linear-gradient(#F0F0F0, #D6D6D6);
    background: -webkit-linear-gradient(#F0F0F0, #D6D6D6);
    color: #2865A8;
    text-decoration: none;
}

.button:active {
    background: linear-gradient(#D5D5D5, #C3C3C3);
    background: -moz-linear-gradient(#D5D5D5, #C3C3C3);
    background: -webkit-linear-gradient(#D5D5D5, #C3C3C3);
    color: #2865A8;
}

.button:visited {
    color: #2865A8;
}

.button-highlighted {
    background: linear-gradient(#FCEB73, #DDC455);
    background: -moz-linear-gradient(#FCEB73, #DDC455);
    background: -webkit-linear-gradient(#FCEB73, #DDC455);
    color: #2865A8;
}


.inactive-button {
    border-radius: 0.2em;
    border: 1px solid #97CE80;
    background: linear-gradient(#FDFDFD, #E9E9E9);
    background: -moz-linear-gradient(#FDFDFD, #E9E9E9);
    background: -webkit-linear-gradient(#FDFDFD, #E9E9E9);
    padding :  0.3em 1em;
    color: black;
}


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


/*
** Dividers
*/

.divider {
    line-height: 1.5em;
}
    
.section-divider {
    line-height: 1.0em;
}

.subsection-divider {
    line-height: 0.5em;
}


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