/******************************************************************************
 * $Id: jquery.tfa.css,v 1.3 2014/02/13 20:37:04 cc7576 Exp $
 *
 * DESCRIPTION:
 *
 * This is the CSS that provides the styling for the Topic Finder Assistant
 * jQuery plugin.  It is intended to be used in tandem with the jquery.tfa.js
 * plugin and the bwd::include_jquery method in our internal API will load both
 * files for you when provided with "tfa" as one of the arguments.
 *
 * The Changelog can be found at the bottom of this file.
 *
 *****************************************************************************/

#main_article {
    margin-right: 10px;
}

#topic_finder_assistant {
    background-color: #ccdeea;
    border: 1px solid #393939;
    -moz-border-radius: 6px 0 0 6px;
    -webkit-border-radius: 6px 0 0 6px;
    border-radius: 6px 0 0 6px;
    -moz-box-shadow: -3px 3px 8px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: -3px 3px 8px rgba(0, 0, 0, 0.4);
    box-shadow: -3px 3px 8px rgba(0, 0, 0, 0.4);
    font-family: verdana, arial, sans-serif;
    /*opacity: 0.25;
    transition-duration: 0.5s;
    transition-property: opacity;*/
    z-index: 10000;
}

/*
#topic_finder_assistant:hover {
    opacity: 1.0;
}
*/

#tfa_show_container {
    /*background: url('images/tfa-collapse-gradient.png');
    background-repeat: repeat-y;*/
    background-color: #ccdeea; /*#5ca9e7;*/
    border: 1px solid #002253;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px 0 0 6px;
    -moz-box-shadow: -3px 3px 8px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: -3px 3px 8px rgba(0, 0, 0, 0.4);
    box-shadow: -3px 3px 8px rgba(0, 0, 0, 0.4);
    cursor: pointer;
    padding: 5px;
    text-align: center;
    transition-duration: 0.5s;
    transition-property: background-color;
    width: 5px;
}

#tfa_show_container:hover {
    background-color: #64a3ff;
}

#topic_finder_assistant.is_dynamic, #tfa_show_container.is_dynamic {
    position: fixed;
    right: 0;
    top: 30px;
}

#topic_finder_assistant.is_static, #tfa_show_container.is_static {
    float: right;
}

.tfa_title_bar {
    border-bottom: 1px solid #393939;
    padding: 5px;
    text-align: center;
}

.tfa_help_image {
    border: none;
    vertical-align: top;
}

.tfa_title_bar_text {
    font-size: 12px;
    font-weight: bold;
}

.tfa_hide_container {
    float: right;
}

.tfa_content_container {
    clear: both;
    overflow: auto;
}

.tfa_terms_list {
    background-color: #707070;
    border-bottom: 3px solid #707070;
}

.tfa_topic_heading, .tfa_category_heading {
    background-color: #ccdeea;
    font-weight: bold;
    padding: 5px;
}

.tfa_topic_heading {
    border-bottom: 3px solid #707070;
}

.tfa_non_last_row {
    margin-bottom: 3px;
}

.tfa_term_odd_row, .tfa_category_odd_row,
.tfa_term_even_row, .tfa_category_even_row {
    clear: both;
    padding: 5px 0 5px 5px;
    position: relative;
}

.tfa_term_odd_row, .tfa_category_odd_row {
    background-color: #dadada ;
}

.tfa_term_even_row, .tfa_category_even_row {
    background-color: #f8f8f8;
}

.tfa_item_label {
    float: left;
    width: 200px;
}

.tfa_item_toolbar {
    height: 18px;
    margin-top: -9px;
    padding-right: 5px;
    position: absolute;
    right: 0;
    top: 50%;
}

.tfa_item_navbar {
    display: inline;
    width: 35px;
}

.tfa_item_count {
    display: inline;
    margin-left: 5px;
    margin-right: 3px;
    width: 35px;
}

.tfa_active_item {
    background-color: #fff9b9;
}

.tfa_image_next_link, .tfa_image_previous_link, .tfa_hide_link {
    border: none;
    height: 14px;
    vertical-align: middle;
    width: 14px;
}

.tfa_hide_link {
    width: 15px;
}

.tfa_image_next_link:hover,
.tfa_image_previous_link:hover,
.tfa_hide_link:hover {
    cursor: pointer;
}

.tfa_image_hide_arrow {
    border: none;
    height: 14px;
    margin-top: -14px;
    position: relative;
    top: 50%;
    vertical-align: middle;
    width: 6px;
}

.tfa_item_label:hover {
    color: #0046AD;
    cursor: pointer;
    text-decoration: underline;
}

.tfa_hide_tooltip_container {
    display: none;
    right: 3px;
    padding: 3px;
    position: fixed;
    top: 50px;
    width: 125px;
    z-index: 10001;
}

.tfa_hide_tooltip_arrow {
    border-bottom: 10px solid #3e3e3e;
    border-left: 7px solid transparent;
	border-right: 7px solid transparent;
    float: right;
    height: 0;
    margin-right: 5px;
    width: 0;
}

.tfa_hide_tooltip_text {
    background-color: #3e3e3e;
    border: 1px solid #3e3e3e;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: -3px 3px 8px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: -3px 3px 8px rgba(0, 0, 0, 0.4);
    box-shadow: -3px 3px 8px rgba(0, 0, 0, 0.4);
    clear: right;
    color: white;
    font-size: 11px;
    padding: 3px;
}

/* These next couple of styles are needed to have the term text wrap properly
 * inside the div that contains them.
 */

.tfa_clear_fix {
    display: inline-block;
}

.tfa_clear_fix:after {
    clear: both;
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
}

/* These next couple of styles are needed to address issues found with IE on
 * the Mac for the tfa_clear_fix styles above.
 */

/* Hides from IE-mac \*/
* html .tfa_clear_fix {
    height: 1%;
}

.tfa_clear_fix {
    display: block;
}

/******************************************************************************
 * CHANGELOG:
 * $Log: jquery.tfa.css,v $
 * Revision 1.3  2014/02/13 20:37:04  cc7576
 * 1311041537AN, Re-enabled the TFA with some UI improvements and bug fixes.
 *
 * Revision 1.2  2014/01/03 02:25:46  cc7576
 * 1312101328CC, Fixed BWD Platform issues that affect browser standards-compliance modes.
 *
 * Revision 1.1  2013/09/10 15:22:56  cc7576
 * 1306201456AM, Initial work for adding in the Topic Finder Assistant tool.
 *
 *****************************************************************************/