/* 
    Document   : header-style
    Created on : 6-lug-2009, 10.00.05
    Author     : FranchinM
    Description:
        Purpose of the stylesheet follows.
*/



/* Header */
#header-content {height:121px;position:relative;width:1000px;overflow:hidden;}


/************************ RIGA DELL'HEADER COMUNE A TUTTE LE APPLICAZIONI COOP (CONTIENE LINK E UTILITY)  ***********************/
#common-appcross-header {border-bottom:0px solid #ccc;height:16px;background-color: #ebebeb;font-family: Arial; font-size: 11px;color:#333;padding:0px; padding-left: 10px;overflow:hidden;margin-bottom:3px;}

#common-appcross-header
	#home-page-link {float: right; height: 16px; width:184px; padding:0px; padding-left:10px; background-color: #cc0000;}

#common-appcross-header
	#home-page-link a {display: block;text-decoration: none; background: url(../images/mini_bianca_su_rosso.gif) no-repeat 0 3px; padding-left:15px; font-weight:bold; color: #fff;}

#common-appcross-header  a.commonLink {display: block;float:left;margin-right:10px;text-decoration: none; background: url(../images/mini_grigia_su_grigio.gif) no-repeat 0 3px; padding-top:1px;padding-left:15px; color: #333;}
/*******************************************************************************************/



/* app LOGO */
#logo img {margin:30px 0 0 10px;}



/* Central box - MENU */

#header-menu {background-image:url('../images/sfondo_menu.gif'); background-repeat:no-repeat;
              position:absolute;right:191px;top:0px;height:91px;width:410px;
              padding-top:30px;font-family: Georgia;color:#A6A6A6;}

#header-menu #mainArea {font-size:18px; float:left; width:400px;}
#header-menu #mainArea a {color:#A6A6A6; text-decoration:none;}

#header-menu #mainArea ul{list-style-type:none;list-style-image:none;margin:0px;padding:0px;}
#header-menu #mainArea ul{}


#header-menu #mainArea li{padding:0px;margin:0px;}
#header-menu #mainArea li{margin-left:10px;}
#header-menu #mainArea li.selected {}

#header-nav {position:absolute;font-size:10px;left:3px;bottom:-20px;color: #A6A6A6;overflow:hidden;width:390px;height:30px;}
#header-nav a {text-decoration: none; color: #A6A6A6;}
#header-nav a:hover {text-decoration: underline;}
#header-nav .current {font-weight: bold;}

#currentTematicArea {margin-left:20px;}
#currentTematicArea a {color:#ed1c24 !important;}
#currentTematicArea img {margin-right:5px;}

#submenu-layer {
    position:absolute;
    background: url(../images/sfondo_menu_layer.gif) no-repeat;
    padding:5px;
    padding-left:10px;
    height: 104px;
    width: 238px;
    top:4px;
    right:55px;
    z-index: 10;
    display:none;
    scrollbar-face-color: #ed1c24 !important;
    scrollbar-shadow-color: #f0f0f0 !important;
    scrollbar-highlight-color: #f0f0f0 !important;
    scrollbar-3dlight-color: #f0f0f0 !important;
    scrollbar-darkshadow-color: #f0f0f0 !important;
    scrollbar-track-color: #fff !important;
    scrollbar-arrow-color: #fff !important;
}

#close-submenu-link {position:absolute;right:-5px;top:-5px;display: block;height:16px;width:16px;background: url(../images/icon/delete.gif) no-repeat;}

#header-menu #subArea {font-size:12px;height:95px;border:0px solid black;overflow-y: auto;margin:0px;padding:0px}
    #header-menu #subArea ul{
        list-style-image:url('../images/freccina.gif');
        list-style-position: inherit;
        margin:0px;
        margin-left:10px;
        padding:0px;
    }
    #header-menu #subArea li{
        margin:1px;
        margin-left:10px;
        margin-right:20px;
        padding:1px;
        border-bottom:1px solid #E3E3E3;
    }
    #header-menu #subArea li a{
        color:#A6A6A6;
        text-decoration: none;
        display: block;
        padding-left:3px;
    }
    #header-menu #subArea li a:hover {color:#ed1c24;background-color:#f0f0f0;}

/* Right box - LOGIN */

#login-box {
    position:absolute;
    right:0px;
    top:0px;
    width:181px;
    border:0px solid red;
    padding-left:10px;
    height:121px;
    overflow:hidden;
}
    #login-box #logout {float:right;margin-right:10px;padding-top:2px;}
    /*#login-box #logout a {text-decoration:none;background: url(../images/icon/logout.gif) no-repeat 0px 0px;padding-top:3px;}*/
    #login-box #welcome-user {padding:0;margin:0px;padding-top:5px;color:#333333;clear:right;}

    #login-box label {font-weight:bold;}
    #login-box .loginField {width:160px;margin-bottom:0px;}
    #login-box #login-button {
        margin-top:11px;
        margin-right:13px;
        float: right;
        background:none;
        border:0px;
        cursor: pointer;
        width:70px;
        height:20px;
        background:url(../images/login_button.gif) no-repeat;
    }
    #subscribe-link {display:block;background:url(../images/subscribe_button.gif) no-repeat;margin-top:11px;width:80px;height:18px;}

    #login-box #loginPic {margin-top:20px;margin-left:0px;margin-right:10px;float:left;}

    #login-box-links  {clear:both;margin-top:30px;text-align:center;}
    #login-box-links ul {margin:0;margin-top:5px;padding:0;list-style-type:none;list-style-image:none;position:relative;left:-10px}
    #login-box-links li {display:inline;margin:0px;margin-right:0px;}
        #login-box-links li a {text-decoration: none;color:#666;}
        #login-box-links li a:hover {color:#ed1c24;}
        #login-box-links li a.active {color:#ed1c24;}

.userLinks {padding-left: 19px;text-decoration: none;line-height:17px;height:17px;}
.userLinks:hover {color:#ed1c24;}
#user-profile-link {padding-left:17px;background: url(../images/icon/profilo.gif) no-repeat 0px -2px;}
#user-profile-settings-link {padding-left:17px;background: url(../images/icon/personali.gif) no-repeat -1px 0px;}
#user-epmty-noti-link {background: url(../images/icon/senza-messaggi.gif) no-repeat -1px 1px;}
#user-noti-link {background: url(../images/icon/nuovi-messaggi.gif) no-repeat -1px 1px;}
#user-backend-link {background: url(../images/icon/backand.gif) no-repeat -1px 1px;}