/*
ebac-campania.org style sheet
Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

/* Colors palette
Logo
    Azzurro:        77.178.255  #4DB2FF
    Grigio:         179.179.179 #B3B3B3
    Bianco:         255.255.255 #FFFFFF
    Nero:           0.0.0       #000000

Variazioni:
    Blu scuro:      0.118.209   #0076D1
    Grigio scuro:   117.117.117 #757575
    Grigio chiaro:  224.224.224 #E0E0E0

Contrasti:
    Arancione:      255.119.15  #FF770F
    Giallo chiaro:  255.243.77  #FFF34D
    Verdino:        178.255.77  #B2FF4D
    Salmone:        255.154.77  #FF9A4D
*/

/* Main rules --------------------------------------------------------------- */
html, body{
    height:100%;
}

body{
    border:0px;
    margin:0px;
    padding:0px;
      
    font-family:Verdana, sans-serif;
    font-size:10px;
    color:#444444;
}

img {
    border-width:0px;
    margin:0px;
    padding:0px;
}

img.borded {
    border:2px solid #6699ff;
    margin:10px 2px;
}

a{
    color:#ffffff;
    text-decoration:none;
    font-weight:bold;
}

a:hover{
    color:#FFF34D;
}

/* Forms Rules -------------------------------------------------------------- */

fieldset{
    color:#0076D1;
    font-weight:bold;
    font-size:10px;
    border:1px solid;
    padding:10px;
}

legend{
    color:#0076D1;
}

fieldset.inner_fieldset{
    border:0px;
    background-color:#efefef;
}

fieldset p{
    width:auto;
    color:#0076D1;
}

fieldset br {
	clear: left;
}

label {
    color:#0066CC;  
    text-align: right;
	width:15em;
	padding-right:10px;
}

#subject_label{
    width:5em;
}

label, input {
    display: block;
    float: left;
    margin-bottom:10px;
}

input, select, textarea {
    border:1px solid #6699ff;
    background-color: #eeeeee;
    
    color:#0066CC;
    font-size:10px;
    margin-top:4px
}

input, select{
    width:15em;
}

textarea {
    margin-left:0px;
    margin-bottom:5px;
}

#subject{
    width:20em;
}

input[type="hidden"]{
    border:none;
}

input.submit{    
    height:23px;
    width:120px;
    
    border:1px ridge #6699ff;
    background-color:#e0e0e0;
    color:#0066CC;
    font-weight:bold;
    font-size:10px;
    
    cursor:pointer;
    
    margin-right:10px;
}

input.image{
    width:auto;
    border:0px;
    background-color:transparent;
}

input.checkbox {
    width:1.5em;
    background: transparent;
    border: 1px red;
    margin-bottom:0px;
}

input.small_input{
    width:2em;
}

input.readonly{
    background-color:#e0e0e0;
    color:#a0a0a0;
}

.errors{
    background:#eeeeee url('/media/css/images/icon_alert.gif') no-repeat left top;
    padding:0px;
    margin:0px;
    padding-left:25px;
    color:#ff9a4d;
}

label { color: #666; }
span.required { color: #000; font-weight:bold;}
/*span.required:after { content: "*"; }*/

.ui-datepicker-trigger {
    margin-left: 5px;
    vertical-align: middle;
}

/* Tables Rules ------------------------------------------------------------- */
table{
    text-align:center;
    border-collapse:collapse;
    font-size:10px;
    color:#0076D1;
}

tfoot{
    border-top:1px solid;*/
}

thead{
    border-bottom:1px solid;
}

td, th{
    text-align:left;
    border:0px;
    border-bottom:1px dashed #6699ff;
    padding:2px 6px;
}

thead th {
    text-align:center;
}

tfoot th {
    text-align:center;
}

td{
    text-align:center;
}

th.left, td.left{
    text-align:left;
}

th.right, td.right{
    text-align:right;
}

td.button{
    text-align:right;
}

tr{
    height:20px !important;
    height:30px;
}

tr.odd{
    background-color: #fefefe;
}

tr.even{
    background-color: #eeeeee;
}

td.error input{
    background-color:#ff9a4d;
}

/* Contributi Tables -------------------------------------------------------- */
table.contributi{
    width:90%;
    margin-left:auto;
    margin-right:auto;
    margin-top:30px;
}
table.contributi caption{
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
    background-color: #0076D1;
}
th.contributo {
    width:60%;
}
th.num {
    width:5%;
}
th.allegato{
    background: url('/media/css/images/pdf.png') no-repeat right center;
}
    

/* Companyes Table ---------------------------------------------------------- */
#companyes{
    width:35em;
}
/* Postal Table ------------------------------------------------------------- */
#postal{
    width:35em;
}

#postal td {
    width:80px;
    vertical-align:top;
    text-align:left;
}
/* Table links -------------------------------------------------------------- */
a.image_delete{
    background: url('/media/css/images/icon_deletelink.gif') no-repeat left;
    padding-left:15px;
}

a.image_pdf{
    background: url('/media/css/images/pdf.png') no-repeat left;
    padding:5px;
    padding-left:20px;
}

a.image_change{
    background: url('/media/css/images/icon_changelink.gif') no-repeat left;
    padding-left:15px;
}

a.image_add{
    background: url('/media/css/images/icon_addlink.gif') no-repeat left;
    padding-left:15px;
}

/* Google Map --------------------------------------------------------------- */
#map{
    position:relative;
    
    top:20px;
}

/* Header Section ----------------------------------------------------------- */
#header{
    position:relative;
    
    background:#0076D1 url('/media/css/images/header_bg.png') repeat-x top;
    height:140px;
    text-align:center;
}

/* Main header section always centered */
#centered_header{
    position:relative;
    
    height:100%;
    margin:auto;
    width:720px;
}

/* Ebac logo */
#logo{
    position:absolute;
    
    left:5px;
    top:10px;   
}

/* Ebac name */
#logo_name{
    position:absolute;
    
    top:11px;
    left:150px;
}

/* Ebac members */
#logo_members{
    position:absolute;
    
    top:99px;
    left:152px;
}

/* Upper right menu */
#utils{
    position:absolute;
        
    right:5px;
    top:5px;
    
    color:#ffffff;
    text-align:right;
    font-size:10px;
    font-weight: bold;
}

/* Contact */
#fast_contact{
    position:absolute;
    
    right:46px !important;
    right:37px;

    bottom:43px !important;
    bottom:41px;

    width:180px;
    height:10px;
    
    vertical-align:top;
    
    text-align:right;
    font-size:9px;
    font-weight:bold;
}

/* Search box */
#search{
    position:absolute;
    
    right:5px;
    bottom:10px;
    width:180px;
    height:30px;
    
    text-align:right;
    font-size:9px;
    font-weight:bold;
}

#search fieldset{
    border:0px;
    padding:0px;
}

/* Input text */
#search #find{
    position:absolute;
    
    right:19px;
    
    border:1px solid #66ccff;
    background-color: #eeeeee;
    
    color:#0066CC;
    font-family:Verdana,Helvetica,sans-serif;
    font-size:10px;
    
    height:16px !important;
    height:20px;
    line-height:14px;
    
    padding:1px 1px 1px 5px;
    width:150px;
}

/* Lens icon */
#search #lens{
    position:absolute;
    
    right:0px;
    top:0px;
    display:block;
}

/* Navigation Menu -----------------------------------------------------------*/
#navcontainer{
    position:relative;
    
    background:#4db2ff url('/media/css/images/menu_bg.png') repeat-x top;
    
    height:30px;
    top:0px;
    padding:0px;
    
    text-align:center;    
}

/* List of item always centered */
#navlist {
    position:relative;
    margin:0px;
    padding:0px;
    top:0px;
    
    font-weight:bold;   
    text-align:center;
    color:#ffffff;
    font-size:12px;
}

#navlist a{
    padding:8px 16px 8px 16px;

    margin:-4px;
}

#navlist a:hover{
    background:url('/media/css/images/menu_sel_bg.png') repeat-x center;
}

#navlist a.current{
    background:url('/media/css/images/menu_sel_bg.png') repeat-x center;
    color:#fff34d;
}

/* Separator items */
#navlist img {
    vertical-align:-10px;
}

/* Shadows ------------------------------------------------------------------ */
#shadows{
    position: relative;
    
    background:#ffffff url('/media/css/images/center_shadow.png') repeat-x top;
    
    top:0px;
    bottom:0px;
    margin:0px;
    height:7px;
    
    text-align:left;    
}

#left_shadow{
    position:absolute;
    
    background:#eeeeee url('/media/css/images/left_top_shadow.png') no-repeat top;
    
    width:51px;
    height:7px;
    float:left;
    margin:0px;
    top:0px;
    bottom:0px;
    left:0px;
}

#right_shadow{
    position:absolute;
    
    background:#eeeeee url('/media/css/images/right_top_shadow.png') no-repeat top;
    
    width:51px;
    height:7px;
    float:right;
    margin:0px;
    top:0px;
    right:0px;
    bottom:0px;
}

/* Breadcrumb --------------------------------------------------------------- */
#breadcrumb{
    background-color:#E0E0E0;
	color:#0076D1;
    
    position:relative;
    top:10px;
    margin-left:20px;
    margin-right: 20px;
    margin-bottom:10px;
    height:20px;
    line-height:20px;
    
    text-align:left;
    
    padding:5px 10px;
    
    font-weight:bold;
    font-size:10px;
}

#breadcrumb a{
    color:#FF770F;
}

#breadcrumb a:hover{
    text-decoration:underline;
    color:#0076D1;
}

/* Main content ------------------------------------------------------------- */
#content{
    position: relative;
        
    top:0px;
    margin:0px;
    
    min-height:950px;
    height:auto !important;
    height:950px;
}

#left_side{
    position:absolute !important;
    position:relative;
    float:left;
    
    background:url('/media/css/images/left_shadow.png') repeat-y top;
    
    width:51px;
    min-height:900px;
    height:100%;
}

#right_side{
    position:absolute !important;
    position:relative;
    float:right;
    right:0px;
    
    background: url('/media/css/images/right_shadow.png') repeat-y top;
    
    width:51px;
    min-height:900px;
    height:100%; 
}

/* Main Area -----------------------------------------------------------------*/
#main_area{
    position:relative;
    
    margin:0px;
    margin-left:271px;
    margin-right:50px;

    height:100%;
    
    text-align:center;
}

/* Main Text Area ----------------------------------------------------------- */
#text_area{
    background-color:#f5f5f5;
        
    position:relative;
    top:10px;
    margin-left:20px;
    margin-right: 20px;
    margin-bottom:20px;
    padding:20px;
    line-height:25px;
    
    text-align:justify;
}

#text_area a{
    color:#FF770F;
    text-decoration:none;
    font-weight:bold;
}

#text_area a:hover{
    color:#4DB2FF;
}

#photo_area{
    text-align:center;
}

/* Left Menu -----------------------------------------------------------------*/
#menu{
    position:absolute !important;
    left:60px !important;
    
    position:relative;
    left:11px;
    
    float:left;  
    width:200px;
    min-height:750px;
    height:100%;
    margin:0px 10px;
}

/* Newsletter Area ----------------------------------------------------------*/
#newsletter{
    position:relative;
    
    background:#3385d6 url('/media/css/images/newsletter_bg.png') repeat-x top;
    
    top:10px;
    height:140px;
    
    text-align:center;
}

#newsletter_form {
    margin-top:20px;
}

#newsletter fieldset{
    position: relative;
    text-align:right;
    color:#ffffff;
    font-weight:bold;
    font-size:10px;
    
    border-width:0px;
    padding:0px;
    margin:0px;
    right:0px;
}

#newsletter label {
    margin-right: 0px;
    color:#ffffff;
    text-align: right;
    width:auto;
    padding:0px;
}

#newsletter label, input {
    display: inline;
    float: none;
    margin-bottom: 0px;
}

/* Input text */
#newsletter .mail_input{
    position:relative;
        
    border:2px solid #6699ff;
    background-color: #eeeeee;
    
    color:#0066CC;
    font-size:10px;
    
    height:16px !important;
    height:20px;
    line-height:14px;
    
    padding:1px 1px 1px 5px;
    width:130px;
    margin:5px;
    margin-right:8px;
    margin-left:2px;
    vertical-align:middle;
}

#subscribe{
    position:absolute;
    
    height:23px;
    width:90px;
    
    top:40px;
    left:55px;
}

#unsubscribe{
    position:absolute;
    
    font-size:9px;
    bottom:12px;
    right:10px;
}

#newsletter h4 {
    position:relative;
    top:15px;
    font-size:10px;
    margin-bottom:0px;
    margin-top:0px;

    color: #FFF34D;
    
}

/* Adesione links ------------------------------------------------------------*/
#adesione{
    position:relative;
    
    top:20px;
    height:50px;
    
    text-align:center;
}

/* Calendar Area -------------------------------------------------------------*/
#calendar{
    position:relative;
    
    background:#e5e5e5 url('/media/css/images/gray_menu_bg.png') repeat-x top;
    
    top:30px;
    height:195px;
    
    text-align:center;
}

.date{
    position:relative;
    top:10px;
    
    color: #FF770F;
    font-weight:bold;
    font-size:10px;
}

img.cal_img{
    position:relative;
    top:12px;
    border:1px solid #6699ff;
}

img.cal_sep{
    position:relative;
    top:2px !important;
    top:4px;
}

.calendar_text{
    position:relative;
    top:4px;
    color:#0076D1;
    font-weight:bold;
    font-size:10px;
    line-height:12px;
    font-style:italic;
    padding-left:10px;
    padding-right:10px;
}

/* Gray Menu generic styles --------------------------------------------------*/
.left_menu{
    color:#FF770F;
    font-weight:normal;
    font-size:12px;
}

.left_menu h3{
    position:relative;
    top:15px;
    font-size:14px;
    margin-bottom:0px;
    margin-top:0px;
}

.left_menu_sep{
    position:relative;
    top:10px;
}

ul.left_menu_list{
    text-align:left;
    line-height:40px;
    
    margin-left:-40px !important;
    margin-left:0px;
    
    list-style-type: none;
    
    font-weight:bold;
    
    position:absolute;
    left:0px;
    top: 30px !important;
    top:40px;
    
    width:194px;
}

ul.left_menu_list li{
    background:transparent url('/media/css/images/items_separator.png') no-repeat
               center bottom;
    margin-left:8px;
}

ul.left_menu_list li.last{
    background:none;
}

.left_menu_list a{
    color:#FF770F;
}

.left_menu_list a:hover{
    color:#0076D1;
}

/* Funds links -------------------------------------------------------------*/
#funds{
    position:relative;
    color:#FF770F;

    background:#e5e5e5 url('/media/css/images/gray_menu_bg.png') repeat-x top;

    top:40px;
    height:160px;   
    text-align:center;
}

td.fund{
    font-size:9px;
    border-bottom:0px;
    padding-top:7px;
    padding-bottom:7px;
}

th.fund{
    font-size:9px;
    border-bottom:0px;
    padding-left:10px;
}

#fund_home{
    margin-top:5px;
}

#fund_details{
    position:relative;
    font-size:8px;
    text-align:right;
    padding-right:10px;
    margin-bottom:0px;
    
    margin-top:5px !important;
    margin-top:0px;
}

#fund_details a{
   color:#FF770F;
}

#fund_details a:hover{
   color:#0076D1;
}

/* Documents links -----------------------------------------------------------*/
#util_doc{
    position:relative;
    
    background:#e5e5e5 url('/media/css/images/gray_menu_bg.png') repeat-x top;
    
    top:50px;
    height:200px;
    
    text-align:center;
}

/* Rss Info ------------------------------------------------------------------*/
#rss_info{
    position:relative;
    
    background:#e5e5e5 url('/media/css/images/gray_menu_bg.png') repeat-x top;
    
    top:60px;
    height:120px;
    
    text-align:center;
    margin-bottom:100px;
}

#rss_logo{
    position:absolute;
    top:12px;
    left:10px;
}

/* Footer ------------------------------------------------------------------- */
#footer{
    background:#0076D1 url('/media/css/images/footer.png') repeat-x top;

    width:100%;
    height:101px;
    color:#FFFFFF;
    margin:0px;
    bottom:0px;
    position:relative;
    text-align:center;
    
    font-size:10px;
    font-weight: bold;
    top:0px;
    padding-top:0px;
    padding-bottom:0px;
    
    clear:both;
}

#footer a{
    color: #FFFFFF;
    text-decoration: none;
}

#footer .w3c, .links, .ebac_info{ 
    padding:5px;
    margin:0px;
}

#footer .w3c{
    padding:10px;
}

/* **** Specific sections style **** -----------------------------------------*/

/* Home page main area boxes ------------------------------------------------ */
h2.text_box_header{
    position:relative;
    background:url('/media/css/images/main_header_bg.png') repeat-x top;
    height:37px;
    font-size:14px;
    color:#ffffff;
    font-weight:bold;
    padding-left:20px;
    line-height:28px;
    
    margin-top:0px;
}

.text_box_header_img{
    vertical-align:middle;
    position:absolute;
    top:0px;
    right:0px;
}

.text_box{
    position:relative;
    padding:0px 20px;
    padding-bottom:15px;
    margin-top:0px !important;
    margin-top:10px;
    
    min-height:150px;
    height:auto !important;
    height:150px;
    
    font-size:10px;    
    line-height:16px;
    text-align:justify;
}

.text_box a{
    color:#0076D1;
}

.text_box a:hover{
    text-decoration:underline;
}

.closeup_img{
    position:relative;
    vertical-align:middle;
    float:left;
    border:1px solid #757575;
    margin-right:15px;
    margin-bottom:5px;
    top:5px;
}

h3.text_box_title{
    position:relative;
    color:#0076D1;
    font-weight:bold;
    font-size:12px;
    text-align:left;
    
    margin-bottom: 2px;
}

/* Featured news ------------------------------------------------------------ */
#closeup{
    background-color:#f5f5f5;
        
    position:relative;
    top:10px;
    margin-left:20px;
    margin-right: 20px;
    margin-bottom:0px;
    
    text-align:left;
}

#closeup_attachments{
    line-height:25px;
    background: #E0E0E0;
    border-top: 1px dotted #6699ff;
}

#closeup_attachments a{
    color:#FF770F;
    text-decoration:none;
    font-weight:bold;
}

#closeup_attachments a:hover{
    color:#4DB2FF;
}

/* Down Container ----------------------------------------------------------- */
#down_container{
        
    position:relative;
    top:30px;
    margin-left:20px;
    margin-right:20px;
    margin-bottom:30px;
    
    text-align:left;
    
    min-height:300px;
    height: auto !important;
    height:300px;
    
}

/* Last news ---------------------------------------------------------------- */
#last_news{
    background-color:#f5f5f5;
        
    position:relative;
    margin-bottom:0px;
    margin-right:220px;
    
    text-align:left;
    float:none;
    
    min-height:300px;
    height: auto !important;
    height:300px;
}

/* Press RSS ---------------------------------------------------------------- */
#press{
    background-color:#f5f5f5;
        
    position:relative;
    
    text-align:left;
    float:right;    
    margin-bottom:40px;
    margin-left:20px;
    
    min-height:300px;
    height: auto !important;
    height:300px;
    
    width:200px;
    
    font-weight:bold;
    color:#757575;
}

.all_news{
    text-align:right;
    border-bottom: 1px dotted #4DB2FF;
    margin-bottom:0px;
}

.all_news a{
    color:#4DB2FF;
}

.all_news a:hover{
    color:#4DB2FF;
    text-decoration:underline;
}

.news_archive{
    text-align:right;
    
    padding-top:10px;
    padding-bottom:0px;
    margin-bottom:0px;
    position:relative;
}

.news_archive a{
    color:#4DB2FF;
}

.news_archive a:hover{
    color:#4DB2FF;
    text-decoration:underline;
}

.press_name{
    text-align:left;    
}

.ext_news{
    text-align:right;
    border-bottom: 1px dotted #4DB2FF;
    margin:0px;
    padding:0px;
    
    position:relative;
    float:right;
    width:100%;
    
    top:-10px;
    left:2px;
}

/* Static Pages Boxes --------------------------------------------------------*/
#static_pages_attachments{
    position:relative;
    border:1px solid #0076d1;
    padding:0px 5px;
    float:right;
    min-width:200px;
    margin-top:45px !important;
    margin:55px 0px 10px 10px;
       
    background:url('/media/css/images/attachments_bg.png') repeat top;
}

/* Attachments list main rules */
#static_pages_attachments_list{
    position:relative;
    border:1px solid #4DB2FF;
    padding-left:20px;
}

/* Box title */
#static_pages_attachments h3{
    background:#3385d6 url('/media/css/images/newsletter_bg.png') repeat-x top;
    padding:0px 5px;
    margin: 0px -5px;
    
    color:white;
    font-size:12px;
    font-weight:bold;
    
    text-align:center;
}

#static_pages_attachments a{
    color:#0076D1;
    font-size:10px;
}

#static_pages_attachments a:hover{
    color:white;
}

/* Box attachments list */
ul.attachments_list{
    padding: 3px 0px;
    margin: 0px;
    
    margin-left: 1em;
    margin-right: 1em;
    
    list-style-type: none;
}

ul.attachments_list li{
    background-image: url('/media/css/images/clip.gif');
    background-repeat: no-repeat;
    background-position: 0 .4em;
    padding-left:1.5em;
}

ul.subsections{
    border-top:1px dotted #4DB2FF;
    border-bottom:1px dotted #4DB2FF;
    margin-bottom:30px;
    margin-left:0px;
    padding-top:10px;
    padding-bottom:10px;
    padding-left:30px;
}

ul.subsections li{
    list-style-type: none;
    background:url('/media/css/images/subsec.png') no-repeat left top;
    padding: 2px 15px;
}


ul.map{
    margin-left:0px;
    padding-top:1px;
    padding-bottom:1px;
    padding-left:15px;
}

ul.map li{
    list-style-type: none;
    background:url('/media/css/images/subsec.png') no-repeat left top;
    padding: 1px 15px;
}

#static_pages_attachments_list li.group_title{
    background-image:none;
    font-weight:bold;
    padding-top:10px;
}

li.group_title ul{
    list-style-type: none;
}

/* Definition List Style -----------------------------------------------------*/
dd{
    border-bottom: 1px dotted #4DB2FF;
    margin:0px;
    margin-bottom:10px;
    padding:5px 10px 10px 20px;
}

dt{
    font-weight:bold;
    color: #0076D1;
}

/* Pagination Block ----------------------------------------------------------*/
#pagination_top, #pagination_bottom{
	
    
    position:relative;
    margin-left:20px;
    margin-right: 20px;
    
    height:10px;
    line-height:10px;
    
    text-align:right;
    
    padding:5px 10px;
    
    font-weight:bold;
    font-size:10px;
}

#pagination_top{
    top:10px;
    margin-bottom:0px;
    
    color:#ffffff;
    background-color:#4DB2FF;
}

#pagination_bottom{
    top:0px;
    margin-bottom:10px;
    
    color:#0076D1;
    background-color:#E0E0E0;
}

#pagination_top a{
    color:#444444;
}

#pagination_bottom a{
    color:#FF770F;
}

#pagination_top a:hover{
    text-decoration:underline;
    color:#444444;
}

#pagination_bottom a:hover{
    text-decoration:underline;
    color:#0076D1;
}

#pagination_top .tidy, #pagination_bottom .tidy{
    font-size:8px;
}

/* **** Various style classes **** ------------------------------------------ */
.text_centered{
    text-align:center !important;
}

.spacer{
    position:relative;
    height:20px;
    margin-left:5px;
    margin-right:5px;
}

.text_note{
    font-size:9px;
    line-height:11px;
}

.emph{
    font-weight:bold;
}

.letters{
    list-style-type:lower-alpha;
}

.letters_up{
    list-style-type:upper-alpha;
}

/* Page Styles ----------------------------------------------------------*/
h2.page_title{
    background-color:#4DB2FF;
    color:#FFFFFF;
    padding-left: 5px;
    font-size:13px;
}

h3.page_subtitle{
    font-size:12px;
    line-height:16px;
    border-top:1px dotted #757575;
    border-bottom:1px dotted #757575;   
}

h4.section_title{
    padding:0px;
    margin:0px;
    margin-top:20px;
    margin-bottom:-5px;
    
    font-size:10px;
    bottom:0px;
}

/* Print adesione ---------------------------------------------------------*/
#print_adesione{
    margin-left: auto;
    margin-right: auto;
    margin-top:30px;
    margin-bottom:0px;
}

#print_adesione tbody td{
    width: 80%;
    height: 2em;
    border-left: solid medium #E0E0E0;
}

#print_adesione thead th{
    font-size: 16px;
    border-bottom: double;
}

#print_adesione tfoot th{
    font-size: 16px;
    border-top: double;
    border-bottom: none;
}