* { padding: 0px; margin: 0px; }

/* generic tags */

html, body{ height: 100%; }

body
{
   font-size: 13px;
   font-family: Helvetica, Arial, sans-serif;
}

/* remove focus border */
*:focus {
   outline: none;
}

input, textarea, select
{
   font-family: Helvetica, Arial, sans-serif;
   font-size: 14px;
   width: 100%;
   padding: 2px;
   color: #000;
   border: 1px solid #D9D9D9;
   background-color: transparent;
}
input:focus, textarea:focus, select:focus
{
   border: 1px solid #b05101;
   background-color: transparent;
}
textarea.readonly
{
  font-size: 12px;
}

img
{
   border: none;
}

hr
{
   color: #D9D9D9;
}

a
{
   color: #000;
   text-decoration: none;
}

a.button {
   display: inline-block;
   color: #000;
   cursor: pointer;
   padding: 2px;
   margin-bottom: 3px;
   margin-right: 1px;
   text-decoration: none;
   text-align: center;
   white-space: nowrap;
   background: #fff url(../images/button_bg.png) repeat-x top left;
   outline: 1px solid #D9D9D9;
   border-left: 1px solid #fff;
   border-right: 1px solid #fff;
   border-top: 1px solid #fbfbfb;
   border-bottom: 1px solid #fbfbfb;
}

table {
	width: 100%;
}


/*TODO change me*/
th {
	background-color: #FCB983;
	color: #222222;
	font-weight: 900;
	text-decoration: none;
	border-top: 1px solid #ffffff;
	border-right: 1px solid #8888a0;
	border-bottom: 1px solid #8888a0;
	border-left: 1px solid #ffffff;
}

/*TODO change me*/
th a {
	color: #222222;
	font-weight: 900;
	text-decoration: none;
}

/*TODO change me*/
th a:hover {
	background-color: #FCB983;
	color: #FFFFFF;
}

tr.listodd
{
   background-color: #fff;
}

tr.listeven
{
   background-color: #fff;
}

/*TODO change me*/
tr.summary
{
	background-color: #e5e5e5;
	color: #909090;
	text-decoration: none;
	padding: 2px;
}

/*TODO change me*/
td.formlabel
{
	margin: 1px;
	padding: 2px 6px 2px 6px;
	background-color: #e0e0f0;
	text-align: right;
	vertical-align: top;
	border: 0;
}

td.formdata
{}
   td.formdata div.formreadonlyfield {}

td.formspacerrow
{
	background-color: #fff;
	height: 9px;
	border: none;
}


h1 {
   font-size: 16px;
}
h1.itemform_title_bar {
   margin-bottom: 10px;
}

h2 {
   font-size: 18px;
}
h2.contact_title {
   margin-bottom: 6px;
}

div.commandbar {
   width: 100%;
   text-align: right;
   margin: 30px 0px 10px 0px;
   padding: 10px 2px 0px 0px;
   border-top: 1px solid #D9D9D9;
}


form div.contact_field,
form div.preventivo_field
{
   margin-bottom: 10px;
}
form div.spacer,
form div.spacer {
   margin-bottom: 30px;
}

#form_message {
   display: none;
   width: 300px;
   margin: 0px auto 30px auto;
   text-align: center;
   padding: 20px;
   border: 1px solid #f1781f;
}

/*
 * Containers
 */
div#body_wrapper {
   width: 100%;
   height: auto !important;
 /*  height: 100%; */
   min-height: 100%;
   background: url(../images/body_bg.png) repeat-y 50% bottom;
}
div#header_container {
   position: relative;
   width: 922px;
   height: 90px;
   margin: 0px auto;
   padding-top: 2px;
   color: #333;
   background: #fff;
   text-align: center;
   border-right: 1px solid #fff; /* cross-browser fix */
   z-index: 10; /* needed for this fucked browser named Internet Explorer, IE */
}
div#header_bar_container {
   position: relative;
   height: 109px;
   width: 100%;
   background: url(../images/header_bg.png) repeat-x top left;
}
div#contents_container {
   width: 922px;
   margin: 0px auto;
   height: auto !important;
   height: 100%;
   min-height: 100%;
}
div#footer_container {
   width: 100%;
   height: 110px;
   clear: both;
}
div#footer_news_container {
   position: fixed;
   overflow: hidden;
   bottom: 0px;
   width: 100%;
   height: 74px; /*36px*/
   border-top: 1px solid #D9D9D9;
   background: #fff url(../images/news_bg.png) repeat-x left top;
}


/*
 * Contents
 */
div#header_bar_contents {
   width: 922px;
   margin: 0px auto;
   text-align: center;
}
div#tabs_contents {
   position: relative;
   top: -15px;
   width: 622px; /* 580px + 42px */
   margin-right: 300px;
}
div#primary_contents {
   float: left;
   color: #000;
   width: 580px;
}
div#secondary_contents {
   float: right;
   width: 300px;
}
   /* It must be equal for coherence to div#side_contents defined in menu.css */
   div#secondary_contents div.contents {
      width: 250px;
      margin: 0px auto;
   }

div#footer_news_feedicon {
   position: fixed;
   bottom: 30px;
   left: 5px;
}
div#footer_news_contents {
   position: relative;
   top: 25px;
   left: 60px;
   width: 100%;
   padding: 0px 5px;
   color: #fff;
   white-space: nowrap;
   font-size: 14px;
   font-variant: small-caps;
}
div#footer_news_trademark {
   position: fixed;
   bottom: 5px;
   width: 100%;
   background-color: #fff;
   text-align: center;
   color: gray;
   font-size: x-small;
   font-style: italic;
   font-weight: bold;
   font-variant: small-caps;
}


/* 
 * Page Header
 */
#header_logo {
   position: relative;
   z-index: 10;
}
div#header_login_box {
	position: absolute;
	top: 0px;
	right: 0px;
	color: #a0a0a0;
	padding: 2px 30px 2px 30px;
	border-left: 1px solid #e0e0e0;
   border-right: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
}
   div#header_login_box a {
   	color: #a0a0a0;
   	text-decoration: none;
   }
      div#header_login_box a:hover {
      	color: #808080;
      }

div#header_menu {
   position: absolute;
   bottom: 15px;
   width: 156px;
   text-align: left;
   font-variant: small-caps;
}

div#helios_menu {
   position: relative;
   display: table;
   top: -15px;
   margin: 0px auto;
   text-align: left;
   font-variant: small-caps;
   z-index: 1000; /* needed for this fucked browser named Internet Explorer, IE */
}

img#header_button_banner {
   position: absolute;
   bottom: 8px;
   margin-left: -25px;
}



/*
 * Tabs layout
 */
div#tabs_contents ul {
   height: 46px;
   list-style: none;
}
   div#tabs_contents ul li {
      float: right;
   }
      div#tabs_contents ul li .tabs_start,
      div#tabs_contents ul li .tabs_start_active {
         float: left;
         width: 17px;
         height: 36px;
      }
      div#tabs_contents ul li .tabs_start        { background: #fff url(../images/tabs_start.png) no-repeat left top; }
      div#tabs_contents ul li .tabs_start_active { background: #fff url(../images/tabs_start_active.png) no-repeat left top; }

      div#tabs_contents ul li .tabs_end,
      div#tabs_contents ul li .tabs_end_active {
         float: left;
         width: 17px;
         height: 36px;
      }
      div#tabs_contents ul li .tabs_end        { background: #fff url(../images/tabs_end.png) no-repeat left top; }
      div#tabs_contents ul li .tabs_end_active { background: #fff url(../images/tabs_end_active.png) no-repeat left top; }

      div#tabs_contents ul li a {
         float: left;
         height: 36px;
         color: #000;
         padding-top: 4px;
         text-decoration: none;
         background: url(../images/tabs_content.png) repeat-x right top;
      }
      div#tabs_contents ul li a.active {
         padding-top: 2px;
         text-shadow: #ff7502 0px 0px 5px;
         background: url(../images/tabs_content_active.png) repeat-x right top;
      }



/**
 * DropdownBox
 */
div.dropdown_box_header { background: url(../images/box_dropdown_white_hd.png) no-repeat top left; }
div.dropdown_box_header,
div.dropdown_box_header_placecard
{
   width: 580px;
   height: 11px;
}
   .dropdown_box_header_title         { padding: 0px; }
   .dropdown_box_header_title_padding { padding: 10px 0px; }
   .dropdown_box_header_image
   {
      float: left;
      margin-right: 10px;
   }

div.dropdown_box_content { background: url(../images/box_dropdown_white_cnt.png) repeat-y top left; }
div.dropdown_box_content,
div.dropdown_box_content_placecard
{
   overflow: hidden;
   width: 540px;
   padding: 0px 20px;
}

div.dropdown_box_footer { background: url(../images/box_dropdown_white_ft.png) no-repeat top left; }
div.dropdown_box_footer,
div.dropdown_box_footer_placecard
{
   width: 580px;
   height: 11px;
}

.ui-accordion-header { cursor: pointer; }
.wj-accordion-box-header-no-pointer { cursor: default !important; }

.ui-accordion-content {
   clear: both;
   text-align: justify;
   margin-top: 5px;
   padding: 5px 0px;
   border-top: 1px solid #D9D9D9;
}
.wj-accordion-box-content-no-separator { border-top: none; }

/* Various */
div.dropdown_box_content img.dropdown_box_image_centered {
   display: block;
   margin: 0px auto;
}


/**
 * DropdownBox_light
 */
div.dropdown_box_light_header { background: url(../images/box_dropdown_light_white_hd.png) no-repeat top left; }
div.dropdown_box_light_header,
div.dropdown_box_light_header_placecard
{
   width: 280px;
   height: 11px;
}
   .dropdown_box_light_header_title         { padding: 0px; }
   .dropdown_box_light_header_title_padding { padding: 5px 0px; }
   .dropdown_box_light_header_image
   {
      float: left;
      margin-right: 10px;
   }

div.dropdown_box_light_content { background: url(../images/box_dropdown_light_white_cnt.png) repeat-y top left; }
div.dropdown_box_light_content,
div.dropdown_box_light_content_placecard
{
   overflow: hidden;
   width: 240px;
   padding: 0px 20px;
}

div.dropdown_box_light_footer { background: url(../images/box_dropdown_light_white_ft.png) no-repeat top left; }
div.dropdown_box_light_footer,
div.dropdown_box_light_footer_placecard
{
   width: 280px;
   height: 11px;
}

.ui-accordion-header { cursor: pointer; }
.wj-accordion-header-no-pointer { cursor: default !important; }

.ui-accordion-content {
   clear: both;
   text-align: justify;
   margin-top: 5px;
   padding: 5px 0px;
   border-top: 1px solid #D9D9D9;
}
.wj-accordion-content-no-separator { border-top: none; }

/* Various */
div.dropdown_box_light_content img.dropdown_box_image_centered {
   display: block;
   margin: 0px auto;
}


/*
 * Photo Gallery Rotator Box
 */
div.photo_box {
   position: relative;
   overflow: hidden;
   width: 250px;
   height: 190px;
}
div.photo_box_label {
   position: relative;
   top: -50px;
   width: 250px;
   padding: 11px 0px; /* top-bottom-padding, height and border must sum to 50px */
   height: 26px;
   color: #fff;
   background-color: #000;
   border-top: 2px solid #fff;
   text-align: center;
   font-size: 16px;
   opacity: 0;
   /* opacity: 0.6; */
}
div.photo_box_header,
div.photo_box_content,
div.photo_box_footer {
   position: relative;
   top: -240px;
   width: 250px;
}
div.photo_box_header {
   height: 15px;
   background: url(../images/box_photo_gray_hd.png) no-repeat top left;
}  
div.photo_box_content {
   height: 160px;
   background: url(../images/box_photo_gray_cnt.png) repeat-y top left;
}  
div.photo_box_footer {
   height: 15px;
   background: url(../images/box_photo_gray_ft.png) no-repeat top left;
}

/*
 * Photo Gallery Rotator _Wide_ Box
 */
div.photo_box_wide {
   position: relative;
   overflow: hidden;
   width: 500px;
   height: 190px;
}
div.photo_box_wide_label {
   position: relative;
   top: -50px;
   width: 500px;
   padding: 11px 0px; /* top-bottom-padding, height and border must sum to 50px */
   height: 26px;
   color: #fff;
   background-color: #000;
   border-top: 2px solid #fff;
   text-align: center;
   font-size: 16px;
   opacity: 0;
   /* opacity: 0.6; */
}
div.photo_box_wide_header,
div.photo_box_wide_content,
div.photo_box_wide_footer {
   position: relative;
   top: -240px;
   width: 500px;
}
div.photo_box_wide_header {
   height: 20px;
   background: url(../images/box_gallery_white_wide_hd.png) no-repeat top left;
}  
div.photo_box_wide_content {
   height: 150px;
   background: url(../images/box_gallery_white_wide_cnt.png) repeat-y top left;
}  
div.photo_box_wide_footer {
   height: 20px;
   background: url(../images/box_gallery_white_wide_ft.png) no-repeat top left;
}



/*
 * Gallery - Album Box
 */
div.gallery_album_box {
   position: relative;
   float: left;
   margin-top: 20px;
   margin-right: 18px;
   width: 180px;
}
div.gallery_album_box_last   { margin-right: 0px; }

div.gallery_album_box_header,
div.gallery_album_box_content,
div.gallery_album_box_footer {
   position: absolute;
   width: 180px;
}
div.gallery_album_box_header {
   top: 0px;
   height: 20px;
   background: url(../images/box_gallery_white_hd.png) no-repeat top left;
}  
div.gallery_album_box_content {
   top: 20px;
   height: 140px;
   background: url(../images/box_gallery_white_cnt.png) repeat-y top left;
}  
div.gallery_album_box_footer {
   top: 160px;
   height: 20px;
   background: url(../images/box_gallery_white_ft.png) no-repeat top left;
}
div.gallery_album_box_label {
   padding-left: 5px;
}

/*
 * Gallery - Photo Box in landscape mode
 */
div.gallery_photo_landscape_box {
   position: relative;
   /*float: left;*/
   margin: 0px;
   width: 200px;
}
div.gallery_photo_landscape_box_last   { margin-right: 0px; }

div.gallery_photo_landscape_box_header,
div.gallery_photo_landscape_box_content,
div.gallery_photo_landscape_box_footer {
   position: absolute;
   width: 200px;
}
div.gallery_photo_landscape_box_header {
   top: 0px;
   height: 20px;
   background: url(../images/box_gallery_white_photo_landscape_hd.png) no-repeat top left;
}  
div.gallery_photo_landscape_box_content {
   top: 20px;
   height: 110px;
   background: url(../images/box_gallery_white_photo_landscape_cnt.png) repeat-y top left;
}  
div.gallery_photo_landscape_box_footer {
   top: 130px;
   height: 20px;
   background: url(../images/box_gallery_white_photo_landscape_ft.png) no-repeat top left;
}
div.gallery_photo_landscape_box_label {
   padding-left: 5px;
}

/*
 * Gallery - Photo Box in portrait mode
 */
div.gallery_photo_portrait_box {
   position: relative;
   /*float: left;*/
   margin: 0px;
   height: 200px;
}
div.gallery_photo_portrait_box_last   { margin-right: 0px; }

div.gallery_photo_portrait_box_header,
div.gallery_photo_portrait_box_content,
div.gallery_photo_portrait_box_footer {
   position: absolute;
   height: 200px;
}
div.gallery_photo_portrait_box_header {
   top: 0px;
   left: 0px;
   width: 20px;
   background: url(../images/box_gallery_white_photo_portrait_sx.png) no-repeat top left;
}  
div.gallery_photo_portrait_box_content {
   top: 0px;
   left: 20px;
   width: 100px;
   background: url(../images/box_gallery_white_photo_portrait_cnt.png) repeat-x top left;
}  
div.gallery_photo_portrait_box_footer {
   top: 0px;
   left: 120px;
   width: 20px;
   background: url(../images/box_gallery_white_photo_portrait_dx.png) no-repeat top left;
}
div.gallery_photo_portrait_box_label {
   padding-left: 5px;
}


/*
 * Gallery slideshow overlay
 */
.slideshow_overlay {
   display: none;
   z-index: 10000;
   background-color: #333;
   width: 675px;   
   min-height: 200px;
   border: 1px solid #666;
   
   /* CSS3 styling for latest browsers */
   -moz-box-shadow: 0 0 90px 5px #000;
   -webkit-box-shadow: 0 0 90px #000;  
}

.slideshow_overlay .close {
   background-image: url(../images/close.png);
   position: absolute;
   cursor: pointer;
   top: -12px;
   right: -12px;
   height: 28px;
   width: 28px;
}

/* "next image" and "prev image" links */
.slideshow_overlay .next,
.slideshow_overlay .prev {
   /* absolute positioning relative to the overlay */
   position: absolute;
   top: 40%; 
   border: 1px solid #666;  
   cursor: pointer;
   display: block;
   padding: 10px 20px;
   color: #fff;
   font-size: 11px;
   
   /* upcoming CSS3 features */
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px; 
}

.slideshow_overlay .prev {
   left: 0px;
   border-left: 0px;
   -moz-border-radius-topleft: 0px;
   -moz-border-radius-bottomleft: 0px;
   -webkit-border-bottom-left-radius: 0px;
   -webkit-border-top-left-radius: 0px;
}

.slideshow_overlay .next {
   right: 0px;
   border-right: 0px;
   -moz-border-radius-topright: 0px;
   -moz-border-radius-bottomright: 0px;
   -webkit-border-bottom-right-radius: 0px;
   -webkit-border-top-right-radius: 0px;  
}

.slideshow_overlay .next:hover,
.slideshow_overlay .prev:hover {
   text-decoration: underline;
   background-color: #000;
}

/* when there is no next or previous link available this class is added */
.slideshow_overlay .disabled {
   visibility: hidden;      
}

/* the "information box" */
.slideshow_overlay .info {
   position: absolute;
   bottom: 0px;
   left: 0px;  
   padding: 10px 15px;
   color: #fff;
   font-size: 11px;
   border-top: 1px solid #666;
}

.slideshow_overlay .info strong {
   display: block; 
}

/* progress indicator (animated gif). should be initially hidden */
.slideshow_overlay .progress {
   position: absolute;
   top: 45%;
   left: 50%;
   display: none;
}

/* everybody should know about RGBA colors. */
.slideshow_overlay .next, 
.slideshow_overlay .prev, 
.slideshow_overlay .info {
   background: #333;
   background: rgba(0, 0, 0, 0.6) url(../images/slideshow_bg.png) repeat-x;     
}
 
/* active thumbnail is raised on top of the mask using the z-index property */ 
.wj_gallery_photo_gallery_trigger a.active img { 
    outline: 1px solid #000; 
    z-index: 9999; 
    position: relative; 
}

.clear { clear: both; background: none; }



/*
 * Various
 */
.side_spacer {
   margin: 15px 0px;
   height: 1px;
}

div.page_title {
   text-align: center;
   line-height: 40px; 
   padding-top: 30px;
   padding-bottom: 20px;
}
   div.page_title h1 {
      color: #ff7502;
      font-size: 18px;
   }

#banner_eventi {
   margin: 0px 5px;
}

#scroller_photo .items,
#scroller_photo_wide .items {
   position: relative;
   width: 20000px;
   height: 190px;
   clear: both;
}
#scroller_photo .items img,
#scroller_photo_wide .items img {
      float: left;
}

.photoGallery_options,
.photoGallery_options_active {
   display: inline-block;
   color: #000;
   cursor: default;
   height: 20px;
   margin: 2px 0px;
   padding-left: 25px;
   padding-top: 2px;
   background: url(../images/soli_colorati/piccolo_off.png) no-repeat top left;
}
.photoGallery_options_active {
   color: #ff7502;
   font-weight: bold;
   background: url(../images/soli_colorati/piccolo_on.png) no-repeat top left;
}


/* error box */
.error_message {
   font-size: 10pt;
   font-weight: 900;
   color: #600000;
}


/* 
 * 
 * TODO adjust me! 
 *
 */
.test_helios_descr {
   margin-top: 10px;
   margin-bottom: 10px;
   margin-left: 350px;
}
.test_helios_descr_doc {
   margin-bottom: 20px;
   padding-left: 25px;
   background: url(../images/menu/bullet.png) no-repeat left 50%;
}
.test_helios_descr_doc:hover { background: url(../images/menu/bullet_red.png) no-repeat left 50%; }