/* 
    Document   : style_header
    Created on : 16/09/2010, 14:44:47
    Author     : Diego Matoso - diegomatoso@gmail.com
    Description:
        referring to the style of the header of the site
*/


body {
    font-size: 11px;
    /* font-family:'Lucida Sans Unicode', 'Lucida Grande', sans-serif, monospace; */
    font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
    background: #FFF url("../../imgs/core_old_new/back_body.png") top left repeat-x;
}

#page {
    background: none;
}

/* ---------------------------------- TOP ----------------------------------- */

#top {
    height: auto;
    background: url(../../imgs/core_old_new/back_header.png) top left repeat-x;
}

.container_content {
    max-width: 1190px;
    padding: 0 15px;
    margin: 0 auto;
    position: relative;
}

.page_calendar .container_content {
    max-width: none;
}

#box_logo {
    width: 215px;
    padding-right: 15px;
    overflow: hidden;
    float: left;
    position: relative;
}

#logo {
    width: 184px;
    height: 82px;
    display: block;
    float: left;
    margin: 0 15px 0 0;
    background: url(../../imgs/core_old_new/bg_logo_top.png) left bottom no-repeat;
}

#box_logoff {
    min-width: 154px;   
    width: auto !important;
    width: 154px;
    overflow: hidden;
    float: right;
    padding-left: 15px;
    position: static;
}

#box_menu {
    width: 100%;
    float: left;
    margin: 0 -170px 0 -230px;
}

#top .effect {
    height: 10px;
    display: block;
    margin-top: -15px;
    background: url(../../imgs/core_old_new/effect_header.png) top repeat-x;
}

.btn_menu_back, .btn_menu_forward {
    width: 16px;
    height: 29px;
    display: block;
    float: right;
    margin-top: 5px;
    background: url(../../imgs/btn_menu_back.png) center no-repeat;
}

.btn_menu_forward {
    float: left;
    background: url(../../imgs/btn_menu_forward.png) center no-repeat;
}

.btn_menu_back>span, .btn_menu_forward>span { display: none; }

#logo img {}

#logoff {
    display: inline-block;
    padding: 3px;
    margin: 5px 0 0 15px;
    float: right;
    border: 1px solid #06223F;
    background: #F3F3F3;
    -moz-box-shadow: 0 1px 0px #0E61BC;
    -webkit-box-shadow: 0 1px 0px #0E61BC;
    box-shadow: 0 1px 0px #0E61BC;
    *display: inline;
}

#logoff .center {
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    float: left;
    padding: 0 4px 0 10px;
    margin-right: 4px;
    font-size: 11px;
    font-weight: bold;
    color: #FFF;
    border: 1px solid #04264D;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#094C95', endColorstr='#06376D'); /* IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#094C95), to(#06376D)); /* webkit browsers */
    background: -moz-linear-gradient(top,  #094C95,  #06376D); /* Firefox 3.6+ */
    /*background: #06376D url(../../imgs/logoff_center.png) top repeat-x;*/
}

#logoff, #logoff .center {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
}

#logoff .center > span, 
#logoff .center > span a, 
#logoff .center > .link_user {
    display: inline-block;
    float: left;
    color: #FFF;
}

.btn_logoff {
    width: 14px;
    height: 20px;
    display: inline-block;
    float: right;
    margin-left: 15px;
    background: url(../../imgs/btn_logoff.png) no-repeat;
}

#logoff .box_drop {
    float: left;
    cursor: pointer;
}

#logoff .box_drop:hover .drop {
    display: block;
}

#logoff .drop {
    display: none;
    position: absolute;
    text-align: left;
    *display: inline;
}

#logoff .btn_lang_active {
    width: 47px;
    height: 22px;
    padding-left: 6px;
    overflow: hidden;
    display: inline-block;
    background: url(../../imgs/btn_drop_lang.png) no-repeat;

}

#logoff .btn_lang_active>span {
    display: none;
}

#logoff .drop li {
    padding: 1px 1px 6px 1px;
    margin-left: 4px;
    display: block;
    text-align: center;
    background: #F3F3F3 url(../../imgs/border_li_drop_lang.png) bottom repeat-x;
}

#logoff .drop li a {
    width: 34px;
    height: 20px;
    display: block;
    padding: 2px 0 0 0;
}

#logoff .drop>li>a>span { display: none; }
#logoff .drop>li>a>img { width: 32px; height: 20px; }

.ccm-manual {
    float: right;
    margin-top: 10px;
}
#page_header { padding: 0 15px; }

#page_header .header_left, #page_header .header_center, #page_header .header_right {
    float: left;
    display: inline-block;
}

#page_header .header_left, #page_header .header_right {
    width: 15px;
    height: 72px;
}

#page_header .header_left {
    margin-left: -15px;
    background: url(../../imgs/header_left.png) no-repeat;
}

#page_header .header_center {
    width: 100%;
    height: 72px;
    background: url(../../imgs/header_center.png) repeat-x;
}

#page_header .header_right {
    margin-right: -15px;
    float: right !important;
    background: url(../../imgs/header_right.png) no-repeat;
}


/* ---------------------------------- MENU ---------------------------------- */

#menu {
    height: 68px;
    overflow: hidden;
    text-align: left;
    margin: 0 170px 0 230px;
}

#menu>ul {
    /*min-width: 950px;
    width: auto !important;
    width: 950px;*/
    overflow: hidden;
    display: inline-block;
    text-align: left;
    padding-left: 5px;
    background: url("../../imgs/core_old_new/division_menu.png") left bottom no-repeat;
}

#menu>ul>li {
    padding: 0 5px 0 0;
    display: inline-table;
    background: url(../../imgs/core_old_new/division_menu.png) bottom right no-repeat;
    *float: left;
    *display: block;
}

#menu>ul>li>a {
    height: 68px;
    overflow: hidden;
    padding: 0px 15px;
    display: inline-block;
    cursor: pointer;
    font-size: 11px;
    color: #06376F;
    color: #333;
}

#menu>ul>li>a>span {
    height: 23px;
    line-height: 28px;
    display: block;
    margin-top: 40px;
    white-space: nowrap;
}

#menu>ul>li>a:hover span, #menu>ul>li>a.menu_selected span {
    border-bottom: 2px solid #FCAC00;
}

/* -------------------------------- SUBMENU --------------------------------- */

#menu .submenu {
    position: absolute;
    display: none;
    z-index: 9999;
    margin-top: -5px;
}

#menu .submenu>img {
    width: 4px;
    float: left;
    display: none;
}

#menu .submenu ul {
    float: left;
    border: 1px solid #CCC;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    background: #FFF;
    -moz-box-shadow: 1px 1px 5px #999;
    -webkit-box-shadow: 1px 1px 5px #999;
    box-shadow: 1px 1px 5px #999;
}

#menu .submenu ul li ul{
    margin: 0 0 0 1px;
}

#menu .submenu ul li {
    height: auto;
    padding: 0 10px;
    display: block;
}

.btn_submenu ul li{
    width: auto;
}

#menu ul li.btn_1:hover .submenu, 
#menu ul li.btn_2:hover .submenu, 
#menu ul li.btn_3:hover .submenu, 
#menu ul li.btn_4:hover .submenu, 
#menu ul li.btn_5:hover .submenu, 
#menu ul li.btn_6:hover .submenu, 
#menu ul li.btn_7:hover .submenu
{ display: block !important; }

#menu .submenu ul li a {
    width: auto;
    height: auto;
    padding: 10px 10px 10px 5px;
    display: block;
    font-size: 11px;
    white-space: nowrap;
    color: #666;
    border-bottom: 1px solid #E6E6E6;
}

#menu .submenu ul li a:hover {
    color: #000;
    background-color: #F7F7F7;
}

#menu .sub-submenu {
    margin-left: -5px;
    float: left;
    display: none;
    z-index: 20;
}

li.btn_submenu ul{
    position: absolute;
    left:98.30%;
    display:none;
    top:0;
    z-index: 9999;
}

li.btn_submenu:hover ul{
    display:block;
}

#menu .btn_submenu > a {
    background-image: url(../../imgs/core_old_new/arrow_btn_submenu.png);
    background-position: center right;
    background-repeat: no-repeat;
}

/*#menu ul li.btn_7 .submenu ul li.btn_submenu:hover .sub-submenu { display: block !important; }*/

/* ------------------------------- BOX SEARCH ------------------------------- */

.navigation {
    padding: 7px 5px;
    color: #025D93;
}

.navigation a {
    color: #333;
    text-transform: uppercase;
}

.navigation a.navigation_home {
    width: 15px;
    height: 13px;
    display: inline-block;
    background: url(../../imgs/core_old_new/btn_navigation_home.png) center center no-repeat;
}

.navigation a.navigation_home>span { display: none; }

.navigation span.navigation_division {
    width: 4px;
    height: 13px;
    display: inline-block;
    margin: 0 8px;
    background: url(../../imgs/core_old_new/navigation_division.png) center center no-repeat;
}


/* ------------------------------ BOX MESSAGE ------------------------------- */

.box_message {
    width: 100%;
    height: 1px;
    text-align: center;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999;
}

.box_message p {
    line-height: 25px;
    display: inline-block;
    padding: 0 10px;
    text-align: left;
    position: relative;
    z-index: 10;
    color: #333333;
    background: #FFF1A8;
    cursor:default;
    border-radius: 0px 0px 5px 5px;
    margin-right: 2px;
    vertical-align: top;
}

.msg_alert { padding-left: 40px !important; color: #BE5F10 !important; background: #FFF1A8 url(../../imgs/icon_alert.png) center left no-repeat !important; }
.msg_success { padding-left: 40px !important; color: #4B8215 !important; background: #FFF1A8 url(../../imgs/icon_success.png) center left no-repeat !important; }
.msg_error { padding-left: 40px !important; color: #CD1010 !important; background: #FFF1A8 url(../../imgs/icon_error.png) center left no-repeat !important; }
.msg_info { padding-left: 40px !important; color: #0A528D !important; background: #FFF1A8 url(../../imgs/icon_info_mini.png) center left no-repeat !important; }
.error {
    color: #CD1010;
}
/*----------------FORM GENERAL SEARCH -----------------*/

.general-search-container-pane > form > *{
    float: right;

}

.general-search-container-pane{
    float: left;
    margin-left: 330px;
}
.label-field-general-search input{
   border-right:  none;
   border-radius: 3px 0 0 3px;
}
.general-search-container-pane button.ui-multiselect{
    /*width: 30px !important;*/
}
.general-search-container-pane .label-field-general-search{
    margin-right: -10px;
}
.general-search-container-pane .btn-search{
    background-image: url(../../imgs/core_old_new/sprite_buttons.png);
    background-repeat: no-repeat;
    background-position: -2px -330px;
    height: 22px;
    width: 20px;
}
.general-search-container-pane  button.ui-multiselect {
    border-radius: 0;
    border-right:  none;
    width: auto;
}
.general-search-container-pane .label-field{
    margin-right: -5px;
}
.general-search-container-pane-header{
    float: right;
    margin-top: -26px;
    margin-right: 125px;
    position: relative;
    background-color: transparent;
}
.general-search-container-pane-header .input_text{
    width: 125px;
}
.general-search-container-pane-header .ui-multiselect-menu{
    min-width: 175px
}
/--------------------//-----------------------------------------