/**
 * i4S ERP ( Application ) For PHP > 5.2
 *
 * Widget theme sheet style
 *
 * @author    Haroldo Mitsumi Murata <suporte@iquattro.com.br>
 * @copyright Copyright (C) 2012 IQUATTRO SOLU??ES E SISTEMAS (http://www.iquattro.com.br)
 * @package   Iqlib
 * @since     2008/06/16
 * @version   $Id: sheet.css 122 2008-09-24 20:44:27Z haroldo $
 * @license   See license.txt
 *
 */

/*## PAGE HEADER #################################################################################*/

#header_bar {
    background-image:   url("images/header_bg.png");
    background-repeat:  repeat-x;
    background-position: top left;
    vertical-align: top;
    width: 100%;
}

#title_bar {
    border-top: solid 1px #a0a0a0;
    background-color: #f3f3f3;
    padding: 4px;
    border-bottom: solid 1px #a0a0a0;
}

#logo_i4s {
    width: 88px;
    height: 33px;
}

#header_common_logo {
    background-image:  url("images/header_blue_bg2.png");
    /*background-image:  url("images/header_logo5.png");*/
    background-repeat: no-repeat;
    padding: 0;
    vertical-align: top;
    width: 100%;
    height: auto;
    position: inherit;
    top: 0;
    left: 0;
    border: 0;
    min-height: 54px;
}

#header_common_menu {
    white-space: nowrap;
    padding: 3px 10px 3px 45px;
    height: 19px;
}

#header_common_user {
    white-space: nowrap;
    padding: 0 10px;
}

#header_common_date {
    white-space: nowrap;
    text-align: right;
    padding: 0 10px;
}


#header_menu {
    padding: 6px 4px 4px 62px;
    margin-top: 30px;
    width: 97%;
}

#megamenu_spacer {
    width: 90px;
}

#header_menu ul{
    width: 100%;
}

#header_menu a {
    font-size: 12px;
}

.home_icon {
    margin: 6px;
    padding: 10px 0px 10px 0px;
    display: inline-block;
    border-radius: 8px;
    width: 148px;
    height: 148px;
    vertical-align: top;
}

.home_icon:hover {
    padding: 1px 0px 19px 0px;
    background-color: #d5e0ed;
}

.home_icon_desc {
    float: bottom;
}

.content_title,
.content_title a {
    font-weight: bold;
    display: inline;
}


.content_title a img {
    vertical-align: bottom;
    height: 15px;
}

#title_group {
    float: left;
    margin-left: 5px;
    padding-top: 2px;
}



#title_favorito {
    float: right;
    margin-right: 5px;
}

.mega_menu_title {
    padding: 2px 3px;
    background-color: #d0d0d0;
    font-weight: bold;
    font-size: 12px;
}

.mega_menu_item {
    padding-left: 11px;

}

.mega_menu_item * {
    font-size: 11px;
}

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

ul.megamenu {
    margin: 0px auto;
    padding: 0px 0px;
    list-style: none;
    display: none;
}

ul.megamenu li.mm-item {
}

ul.megamenu li {
    margin: 0px;
    padding: 0px;
}

ul.megamenu li.clear-fix {
    float: none;
    clear: both;
    margin: 0px;
    padding: 0px;
    height: 0px;
    font-size: 0px;
    line-height: 0px;
}

ul.megamenu a.mm-item-link:link, ul.megamenu a.mm-item-link:visited {
    position: relative;
    display: inline-block;
    color: #404040;
    padding: 1px 3px;
    margin: 0px;
    text-decoration: none;
    z-index: 10;
    font-size: 14px;
    border-top: 1px solid #e0e0e0;
    border-bottom: 2px solid #e0e0e0;
    border-left: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;
    -moz-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
    background-color: #e0e0e0;

    /*
    border-top: 1px solid #a0a0a0;
    border-bottom: 1px solid #fff;
    border-left: 1px solid #fff;
    border-right: 1px solid #a0a0a0;
    -moz-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
    */
}

ul.megamenu a.mm-item-link:hover {

    border-bottom-color: #f15921 ;
}

*html ul.megamenu a.mm-item-link:link, *html ul.megamenu a.mm-item-link:visited {
    border-color: pink;
    filter: chroma(color=pink);
}

ul.megamenu a.mm-item-link-hover:link, ul.megamenu a.mm-item-link-hover:visited {
    color: #444;
    background: #fff;
    border-top: 1px solid #aaa;
    border-left: 1px solid #aaa;
    border-right: 1px solid #aaa;
    border-bottom: 2px solid #fff;
    -moz-border-radius: 3px 3px 0px 0px;
    border-radius: 3px 3px 0px 0px;

    z-index: 1001;
}

ul.megamenu div.mm-item-content {
    background: #fff;
    padding: 0px;
    position: absolute;
    border: 1px solid #aaa;
    z-index: 1000;
}

.mm-content-base {
    background: #fff;
    position: relative;
    z-index: 1100;
    padding: 5px;
    visibility: visible;
}
.mm-js-shadow {
    /*background: #555;*/
    position: absolute;
    z-index: 1000;
}

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




div.logo_space, td.header_logo {
    width:  98px;
    height: 55px;
}

td.header_logo {
    background-image:  url("images/header_logo.png");
    background-repeat: no-repeat;
    padding: 0;
    vertical-align: top;
}

td.header_icon {
    border-spacing: 0;
    text-align: left;
    padding: 2px;
}



td.header_middle {
    background-image:   url("images/header_bg.png");
    background-repeat:  repeat-x;
    padding: 4px 0px 0px 4px;
    vertical-align: top;
}

td.header_module_select {
    background-image:   url("images/header_bg.png");
    background-repeat:  repeat-x;
    padding: 4px 0px 0px 4px;
    vertical-align: top;
    text-align: right;
    font-size: 10px;
}

td.header_right {
    background-image:   url("images/header_bg.png");
    background-repeat:  repeat-x;
    padding: 10px 0px 0px 10px;
    vertical-align: top;
    text-align: right;
    font-size: 10px;
}

td.header_right_info {
    text-align: left;
    padding: 0px 5px 3px 5px;
}

td.header_sub_menu {
    background-color:#e0e0e0;
    height: 20px;
    color: #ffffff;
    /*
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #d0dffe;
    padding: 3px 10px 3px 10px;
    color: #ffffff;
    font-weight: bold;
    vertical-align: middle;
    */
}

td.header_logo,
td.header_middle,
td.header_right,
td.header_module_select {
    border-bottom: 1px solid #a0a0a0;
}

.header_sub_menu_title {
    color: #ffffff;
    font-weight: bold;
    padding: 3px 8px 3px 8px;
    vertical-align: middle;
}

.header_sub_menu_title a,
.header_sub_menu_title a:visited {
    color: #ffffff;
}

.header_sub_menu_title spam a,
.header_sub_menu_title spam a:visited {
    color: #ffffff;
}

.header_module, .header_module option {
    color: #505050;
    font-size: 12px;
    text-decoration: none;
    font-weight: bold;
    padding: 0px 5px 0px 5px;
}

td.header_title {
    /*background-color:#75a5ec;*/
    background-color:#f0f0f0;
    padding: 2px 5px 2px 6px;
    color: #505050;
    font-size: 12px;
    text-decoration: none;
    font-weight: bold;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #c0c0c0;
}


/*## DOJO ########################################################################################*/


.iqlibMenuButton .dijitButtonNode {
    background: 0 !important;
    color: #444 !important;
    padding: 0px 2px 0px 2px !important;
    font-size: 12px !important;
    border: 0  !important;
}
.iqlibMenuButtonHover .dijitButtonNode {
    background-color: #d0d0d0 !important;
    color: #444 !important;
}
.iqlibMenuButtonFocused .dijitButtonNode {
    border: 0 !important;
}
.iqlibMenuButtonActive .dijitButtonNode {
    background-color: white !important;
    color: black !important;
    border: 0 !important;
}



.iqlibCleanButton .dijitButtonNode {
    background: none !important;
    color: #444 !important;
    padding: 0 !important;
    font-size: 12px !important;
    border: 0  !important;
}
.iqlibCleanButtonHover .dijitButtonNode {
    background-color: none !important;
    color: #444 !important;
}
.iqlibCleanButtonFocused .dijitButtonNode {
    border: 0 !important;
}
.iqlibCleanButtonActive .dijitButtonNode {
    background-color: white !important;
    color: black !important;
    border: 0 !important;
}

.iqlibMenuButton .dijitButtonText {
    color: #444 !important;
}

/*## FOOTER BLOCK ################################################################################*/

div.footer_block {
    /*background-color:#e0e0e0;*/
    color: #505050;
}