/* @import url("../wp-content/themes/twentytwelve-child/style.css"); */


body {
    font-family: sans-serif;
    font-size: 13px;
}



.tiny_text {
    font-size: 10px;
}



/* 
* output_fns_app_msg class
* see app_msg() function for more
* override this in your local style.css file for a particular app
*/
.output_fns_app_msg {
    font-weight: bold;
    color: white;
    background-color: #ff5555;
    /* Before Portal Deployment: */
    /* 1. copy this .css file to \app_test\portal_inetpub\portal\css folder */
    /* 2. uncomment next line (style background-color). */
    background-color: #55aa55;
    padding: 2px 3px 2px 3px;
}


/*
*
*
*
*/


.output_table_fns_data_table {
    font-size: 13px;
}


.output_table_fns_data_table thead {
    background-color: #eeeeee;
}


.output_table_fns_data_table tbody {

}


.output_table_fns_data_table tr:hover {
    background-color: #FFFFCC;
}



/*
*
* output after tables if the css ID is set
*
*/
.output_table_fns_floating_heading_div {
    text-align: center;
    background-color: #eeeeee;
    position: absolute;
    display: none;
}



/*
*
*
*
*/
.output_table_fns_data_properties th {
    text-align: right;
    background-color: #eeeeee;
    
}


/*
*
* used to make disparate elements (buttons, text, etc.) float across the page like a menu or toolbar
*
*/
.menu_bar_div {
    float: left;
}


/*
*
* app icons
*
*/
.output_fns_app_icon {
    float: right;
}



/*
*
* app icons (font-selector style)
*
*/
.output_fns_app_logo, .output_fns_app_logo_webdings, .output_fns_app_logo_wingdings, .output_fns_app_logo_wingdings2, .output_fns_app_logo_wingdings3, .output_fns_app_logo_times {
    font-size: 42px;
    color: #999999;
    font-weight: normal; 
    display: normal;
}
@media screen and (-webkit-min-device-pixel-ratio:0) { /* for chrome and safari only, hide the icon */
/* Safari and Chrome */
.output_fns_app_logo, .output_fns_app_logo_webdings, .output_fns_app_logo_wingdings, .output_fns_app_logo_wingdings2, .output_fns_app_logo_wingdings3, .output_fns_app_logo_times {
     display: none;
}

/* Safari only override */
::i-block-chrome,.myClass {
 color:blue;
}}
.output_fns_app_logo_webdings {
    font-family: webdings;
}
.output_fns_app_logo_wingdings {
    font-family: wingdings;
}
.output_fns_app_logo_wingdings2 {
    font-family: "wingdings 2";
}
.output_fns_app_logo_wingdings3 {
    font-family: "wingdings 3";
}
.output_fns_app_logo_times {
    font-family: Times;
}




.output_fns_back_button {
    display: inline;
}




/*
*
* AFC-Holcroft Logo (default display values for show_logo() function)
*
*/
#afch_logo {
    float: right;
}

/*
*
* AFC-Holcroft Copyright notice (default display values for do_copyright_notice() function)
*
*/
.afch_copyright_notice {
    text-align: right;
    font-size: 10px;
    margin: 5px 0px 5px 0px;
}



/*
*
* Class no-print, noPrint, Non-printing
* add  class='no-print' 
* Then add  class='no-print' (or add the no-print class to an existing class statement) in your HTML 
* that you don't want to appear in the printed version, such as your button. 
* I got this to work with 'noPrint' instead of 'noprint' (lowercase). 
* --Diodeus 
* http://stackoverflow.com/questions/355313/how-do-i-hide-an-element-when-printing-a-web-page#356123
* 
*/
@media print
{    
    .no-print, .no-print *
    {
        display: none !important;
    }
}