/* 
 *   PORTAL HEADER
 */

    /* 
     * Spacer to keep header at certain width regardless of 
     * display size done to avoid overlapping of tab navigation 
     * in header 
     */
    #spacer {
        line-height:        0px;
        font-size:          0px;
        height:             0px;
    }

    /*
     * Il margine impostato ad 1 permette di correggere l'errore del
     * pixel nell'immagine a ripetizione dell'header
     */

    #expander {
        margin-left:        5px;
        margin-right:       5px;        
    }

    /* 
     * Wrapper for Header 
     */
    #header-company {        
        float:              left;
        color:              #FFFFFF;
        font-size:          14pt;
        padding-top:        20px;
	padding-left:       0px;
    }

    #header-company h2{
        margin:             0;
	padding-top:        0;
	font-size:          9pt;
	color:              #C2D9EF;	
    }

    .header-top-left {
        background-image:       url( images/portal-header-left.gif );     
        background-repeat:      no-repeat;
        background-position:    top left;
        width:                  14px;
        height:                 90px;
    }

    .header-top-center {
        background-image:       url( images/portal-header-center.gif );     
        background-repeat:      y-repeat;        
        height:                 90px;        
    }

    .header-top-right {
        background-image:       url( images/portal-header-right.gif );     
        background-repeat:      no-repeat;
        background-position:    top right;
        width:                  15px;
        height:                 90px;        
    }

    .header-menubar-left {
        background-image:       url( images/portal-menubar-left.gif );     
        background-repeat:      no-repeat;
        background-position:    top left;
        width:                  14px;
        height:                 40px;
    }

    .header-menubar-center {
        background-image:       url( images/portal-menubar-center.gif );     
        background-repeat:      y-repeat;        
        height:                 40px;       
        vertical-align:         top;
    }

    .header-menubar-right {
        background-image:       url( images/portal-menubar-right.gif );     
        background-repeat:      no-repeat;
        background-position:    top right;
        width:                  15px;
        height:                 40px;
    }

    #menu-bar {
        width:                  100%;
        height:                 30px;
    }

    #menu-bar-left {
        white-space:            nowrap;
        text-align:             left;
    }

    #menu-bar-right {                    
        white-space:            nowrap;
        text-align:             right;
    }

    #menu-bar-left a, #menu-bar-right a {
        font-size:              10px;
        font-weight:            bold;
        color:                  #FFFFFF;        
    }

    #menu-bar-left a:hover, #menu-bar-right a:hover {
        color:                  #FF0000;
    }

/*
 * PORTAL LAYOUT REGIONS
 */

    /* 
     * Wrapper for entire portal. starts/ends 
     * after/before body tag 
     */
    #portal-container {
        margin-left:            0px;
        margin-right:           0px;
        margin-top:             0px;
        margin-bottom:          0px;
    }

    /*
     * Table that contains all regions. Does not 
     * include header
     */
    #content-container {
        text-align:             left;
        max-width:              99%;
        min-width:              99%;
        height:                 100%;
        padding-left:           5px;
        padding-right:          0px;
        padding-bottom:         0px;
        padding-top:            0px;
        margin-left:            0px;
        margin-right:           0px;
        margin-top:             0px;
        margin-bottom:          0px;         
    }

   /* 
    * Portlet regions within content-container.
    * this includes footer-container.
    */

    #left-container {
        float:                  left;
        width:                  200px;
        min-width:              200px;        
        margin-left:            0px;
        margin-right:           5px;
        margin-top:             10px;
        margin-bottom:          0px;            
    }

    #bos-2columns-left {
        position:               absolute;
        left:                   10px;
        top:                    140px;
        width:                  200px;
    }

    #bos-2columns-center {
        margin-left:            220px;        
    }


    #bos-3columns-left {
        position:               absolute;
        left:                   40px;
        top:                    140px;
        width:                  200px;        
    }

    #bos-3columns-center {
        margin-left:            210px;
        margin-right:           210px;
    }

    #bos-3columns-right {
        position:               absolute;
        right:                  10px;
        top:                    140px;
        width:                  200px;        
    }

    /* 
     * Give a maximized portlet more space 
     */
    #regionMaximized {        
        margin-top:             0;
        margin-left:            0;
        margin-right:           0;
    }

    #footer-container {    
        margin-top:             25px;
        text-align:             center;
        width:                  99.5%;
    }

    #footer-container p {
    }

    #navigation-container {
    }

    #sub-navigation-container {
    }

    /* 
     * Used to clear float in regionA,B,C divs so that
     * footer spans bottom of page 
     */
    hr.cleaner {
        clear:                  both;
        height:                 1px;
        margin:                 -1px 0 0 0;
        padding:                0;
        border:                 none;
        visibility:             hidden;
    }

/*
 * PORTLET CONTAINER WINDOW
 */

    .portlet-container {        
        padding-left:           0px;
        padding-right:          0px;
        padding-top:            0px;
        padding-bottom:         10px;        
    }

    /* 
     * Wrapper for floating portlet window modes 
     */
    .portlet-mode-container {
        float:                  right;
    }

    .portlet-titlebar-title {
        float:                  left;
        font-size:              11px;
        font-weight:            bold;
        white-space:            nowrap;
        text-indent:            15px;
        color:                  #3C5F84;                                        
    }

    .portlet-titlebar-decoration {
        /*background-image:       url( images/portal-titlebar-decoration.gif );*/
        background-repeat:      no-repeat;        
    }

    .portlet-titlebar-left { 
    }

    .portlet-titlebar-center {        
        /*background-color:       #DFE6EC;*/
        background-color:       #E3EBEF;
        border-top:             1px solid #B4C8DA;
        border-bottom:          1px solid #B4C8DA;
        vertical-align:         middle;
        height:                 20px;        
    }

    .portlet-titlebar-right {
    }

    .portlet-content-left { 
        
    }

    .portlet-content-center {
        background-color:       #FFFFFF;
        vertical-align:         top;
        font-size:              11px;
    }

    .portlet-body {
        background-color:       #FFFFFF;        
    }

    .portlet-content-right {
    }

    .portlet-footer-left {
    }

    .portlet-footer-center {
        height:                 5px;
        border-bottom:          1px solid #B4C8DA;
    }

    .portlet-footer-right {
    }

/*
 * PORTLET WINDOWS MODE
 */
    .portlet-mode-maximized {
        background-image:       url( images/winbtn-maximize.gif );
        width:                  14px;
        height:                 14px;        
        background-repeat:      no-repeat;
        float:                  left;
        display:                inline;
        cursor:                 pointer;        
    }

    .portlet-mode-minimized {
        background-image:       url( images/winbtn-minimize.gif );
        width:                  14px;
        height:                 14px;        
        background-repeat:      no-repeat;
        float:                  left;
        display:                inline;
        cursor:                 pointer;
    }

    .portlet-mode-normal {
        background-image:       url( images/winbtn-normal.gif );
        width:                  15px;
        height:                 15px;
        background-repeat:      no-repeat;
        float:                  left;
        display:                inline;
        cursor:                 pointer;
    }

   .portlet-mode-help {
        background-image:       url( images/winbtn-help.gif );
        width:                  15px;
        height:                 15px;
        background-repeat:      no-repeat;
        float:                  left;
        display:                inline;
        cursor:                 pointer;
    }

    .portlet-mode-edit {
        background-image:       url( images/winbtn-edit.gif );
        width:                  15px;
        height:                 15px;
        background-repeat:      no-repeat;
        float:                  left;
        display:                inline;
        cursor:                 pointer;
    }

    .portlet-mode-remove {
        background-image:       url( images/winbtn-remove.gif );
        width:                  15px;
        height:                 15px;
        background-repeat:      no-repeat;
        float:                  left;
        display:                inline;
        cursor:                 pointer;
    }

    .portlet-mode-view {
        background-image:       url( images/winbtn-view.gif );
        width:                  15px;
        height:                 15px;
        background-repeat:      no-repeat;
        float:                  left;
        display:                inline;
        cursor:                 pointer;
    }

    .portlet-mode-reload {
        background-image:       url( images/winbtn-reload.gif );
        width:                  15px;
        height:                 15px;
        background-repeat:      no-repeat;
        float:                  left;
        display:                inline;
        cursor:                 pointer;
    }

/*
 * COPYRIGHT SELECTOR
 */

    .portal-copyright {
        font-size:              9px;
        color:                  #5E6D7A;
    }

    a.portal-copyright {
        color:                  #768591;
        text-decoration:        none;
    }

    a.portal-copyright:hover {
        color:                  #96A5B1;
        text-decoration:        none;
    }
/*
 * TABLE SELECTOR
 */

    /* 
     * Table header 
     */
    .portlet-table-header {
        font-size:              12px;
        font-weight:            bold;
        background-color:       #768591;
        color:                  #FFFFFF;
    }

    /* 
     * Normal text in a table cell 
     */
    .portlet-table-body {
    }

    /* 
     * Text in every other row in the table 
     */
    .portlet-table-alternate {
        background-color:       #ECECEC;
    }

    /* 
     * Text in a selected cell range 
     */
    .portlet-table-selected {
        background-color:       #768591;
        color:                  #FFFFFF;
    }

    /* 
     * Text of a subheading 
     */
    .portlet-table-subheader {
        font-weight:            bold;
    }

    /* 
     * Table footer 
     */
    .portlet-table-footer {
        font-size:              10px;
    }

    /* 
     * Text that belongs to the table but does not fall in one 
     * of the other categories (e.g. explanatory or help text that 
     * is associated with the table). 
     */
    .portlet-table-text {
        font-size:              11px;
        font-style:             italic;
    }

/*
 * FONTS
 */

    /* 
     * Font attributes for the normal  fragment font.
     * Used for the display of non-accentuated information 
     */
    .portlet-font {
        color: #000;
        font-family: Tahoma, Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
        font-size: 11px;
    }

    /* Font attributes similar to the portlet.
     * Font but the color is lighter 
     */
    .portlet-font-dim {
        color: #888385;
        font-family: Tahoma, Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
        font-size: 11px;
    }

/*
 * FORMS
 */

    /* Text used for the descriptive label of 
     * the whole form (not the label for fields)
     */
    .portlet-form-label {
        color: #000;
        text-decoration: none;
        font-family: Tahoma, Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
        font-size: 11px;
        font-weight: bold;
    }

    /* 
     * Text on a form button 
     */
    .portlet-form-button {
        font-family: Tahoma, Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
        font-size: 11px;
        color: #000;
    }

    /* 
     * Text that appears beside a context dependent action icon 
     */
    .portlet-icon-label {
    }

    /* 
     * Text that appears beside a "standard" icon 
     * (e.g Ok, or Cancel) not sure if we need this one?
     */
    .portlet-dlg-icon-label {
    }

   /* 
    * Text for form field labels 
    */
    .portlet-form-field-label {
        font-family: Tahoma, Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
        font-size: 11px;
        color: #000;
        vertical-align: bottom;
    }

    /* 
     * Text for a form field 
     */
    .portlet-form-field {
        font-family: Tahoma, Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
        font-size: 11px;
        color: #000;
        margin-top: 10px;
    }

    /* 
     * Text of the user-input in an input field. 
     * Not sure if we need this guy? 
     */
    .portlet-form-input-field {
        color: #000;
        font-family: Tahoma, Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
        font-size: 11px;
    }

/*
 * LINKS
 */

    .portal-links:link {
        font-family: Tahoma, Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
        font-size: 11px;
        font-weight: bold;
        color: #242424;
        text-decoration: none;
    }

    .portal-links:hover {
        font-family: Tahoma, Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
        font-size: 11px;
        font-weight: bold;
        color: #5699B7;
        text-decoration: none;
    }

    .portal-links:active {
        font-family: Tahoma, Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
        font-size: 11px;
        font-weight: bold;
        color: #242424;
        text-decoration: none;
    }

    .portal-links:visited {
        font-family: Tahoma, Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
        font-size: 11px;
        font-weight: bold;
        color: #242424;
        text-decoration: none;
    }

/*
 * MESSAGES
 */

   /* 
    * Status of the current operation. 
    */
    .portlet-msg-status {
        font-family: Tahoma, Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
        font-size: 11px;
        font-style: normal;
        color: #788793;
    }

    /* 
     * Help messages, general additional information, etc. 
     */
    .portlet-msg-info {
        font-family: Tahoma, Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
        font-size: 11px;
        font-style: italic;
        color: #000;
    }

    /* 
     * Error messages. 
     */
    .portlet-msg-error {
        color: red;
        font-family: Tahoma, Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
        font-size: 11px;
        font-weight: bold;
    }

    /* 
     * Warning messages. 
     */
    .portlet-msg-alert {
        font-family: Tahoma, Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
        font-size: 11px;
        font-weight: bold;
        color: #821717;
    }

    /* 
     * Verification of the successful completion of a task. 
     */
    .portlet-msg-success {
        font-family: Tahoma, Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
        font-size: 11px;
        font-weight: bold;
        color: #359630;
    }

/*
 * SECTIONS
 */

    /* 
     * Table or section header 
     */
    .portlet-section-header {
        font-weight: bold;
        font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: #768591;
        background-color: #f7f7f7;
    }

    /* 
     * Normal text in a table cell 
     */
    .portlet-section-body {
        font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
    }

    /* 
     * Text in every other row in the cell 
     */
    .portlet-section-alternate {
        font-family: Tahoma, Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
        font-size: 11px;
        background-color: #ececec;
    }

    /* 
     * Text in a selected cell range 
     */
    .portlet-section-selected {
        background-color: #768591;
        font-family: Tahoma, Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
        font-size: 11px;
        color: #fff;
    }

   /* 
    * Text of a subheading 
    */
    .portlet-section-subheader {
        font-weight: bold;
        font-size: 11px;
        font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
        color: #000;
    }

    /* 
     * Table or section footnote 
     */
    .portlet-section-footer {
        font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
        background-color: #f7f7f7;
        font-size: 10px;
    }

    /* 
     * Text that belongs to the table but does not fall 
     * in one of the other categories (e.g. explanatory or 
     * help text that is associated with the section. 
     */
    .portlet-section-text {
        font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
        font-style: italic;
    }

/*
 * MENUS
 */

    /*
     * General menu settings such as background color, 
     * margins, etc. 
     */
    .portlet-menu {
    }

    /* 
     * Normal, unselected menu item. 
     */
    .portlet-menu-item {
        color: #242424;
        text-decoration: none;
        font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
        font-size: 9px;
    }

    .portlet-menu-item:hover {
        color: #5699B7;
        text-decoration: none;
        font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
        font-size: 9px;
    }

    /* 
     * Selected menu item. 
     */
    .portlet-menu-item-selected {}

    /* 
     * Selected menu item when the mouse hovers over it. 
     */
    .portlet-menu-item-selected:hover {}

    /* 
     * Normal, unselected menu item that has sub-menus. 
     */
   .portlet-menu-cascade-item {}

    /* 
     * Selected sub-menu item that has sub-menus 
     */
    .portlet-menu-cascade-item-selected {}

    /* 
     * Descriptive text for the menu (e.g. in a help context below the menu) 
     */
    .portlet-menu-description {}

    /* 
     * Menu caption 
     */
    .portlet-menu-caption {}

    /* 
     * A separator bar similar to a horizontal rule, but with styling 
     * matching the page 
     */
    .portlet-horizontal-separator {}

    /* 
     * Allows portlets to mimic the title bar when nesting something 
     */
    .portlet-nestedTitle-bar {}

    /* 
     * Allows portlets to match the textual character of the title on the title bar. 
     */
    .portlet-nestedTitle {}

    /* 
     * Support portlets having tabs in the same style as the page or other portlets 
     */
    .portlet-tab {}

    /* 
     * Highlight the tab currently being shown 
     */
    .portlet-tab-active {}

    /* 
     * Highlight the selected tab (not yet active) 
     */
    .portlet-tab-selected {}

    /* 
     * A tab which can not be currently activated 
     */
    .portlet-tab-disabled {}

    /* 
     * Top level style for the content of a tab. 
     */
    .portlet-tab-area {}