/*  ------------------------------------------------------------------------  **
      ---  Main styles for public (and dashboard) pages  ---


      This file is part of the software that runs
      the website "www.nomuos.org".

      *
      * Version: 0.4
      * 

      Authors:  Gaetano Impoco (gaetano@impoco.it)

      Release v0.1:   28-10-2012
      Release v0.2:   07-12-2012
      Release v0.3:   20-03-2013
      Release v0.4:   29-07-2014

      ---------------   ChangeLog   ---------------
      *
      *
      ---------------  /ChangeLog   ---------------

**  ------------------------------------------------------------------------  */

/**  ----------------------------------------------  **
 *
 *    reset & basic styles
 * 
***  ----------------------------------------------  */
*
{
  font-family:      'Arial', sans-serif;
  font-size:        11pt;
}
h1, h2, h3
{
  margin:           35px 0px 10px 0px;
}
h1
{
  font-size:        220%;
  font-weight:      bold;
  margin-top:       25px;
}
h2
{
  font-size:        160%;
  font-weight:      bold;
}
h3
{
  font-size:        130%;
  font-weight:      bold;
  margin-bottom:    5px;
}

p
{
  font-size:        15px;
  text-align:       justify;
  margin:           0px 0px 10px 0px;
}

h1, h2, h3, p
{
  color:            #202020;
}

a
{
  color:            #2020A0;
}
a:hover
{
  color:            #5050D0;
}
a:link    { text-decoration: none }
a:visited { text-decoration: none }
a:active  { text-decoration: none }
a:hover   { text-decoration: none }

img
{
  border:           0
}

root
{ 
  display:          block;
}

/**  ----------------------------------------------  **/



/**  ----------------------------------------------  **
 *
 *    page styles
 * 
***  ----------------------------------------------  */
body
{
  background-color: #FAFAFA;
  margin:           auto;
  width:            950px;
  padding:          10px;
}

.header, .footer
{
  background-color: #F0F0F0;
  width:            928px;
  margin-left:      auto;
  margin-right:     auto;
  position:         fixed;
  padding-left:     10px;
  padding-right:    10px;
  z-index:          200;
  border-left:      1px solid #CCCCCC;
  border-right:     1px solid #CCCCCC;
}

.header
{
  top:              0px;
  padding-top:      5px;
  padding-bottom:   5px;
  border-bottom:    1px solid #CCCCCC;
  box-shadow:       2x 2px 1px #EEEEEE;
    -moz-box-shadow:        2px 2px 1px #EEEEEE;
    -webkit-box-shadow:     2px 2px 1px #EEEEEE;
}

.footer
{
  border-top:       1px solid #CCCCCC;
  padding-top:      1px;
  padding-bottom:   2px;
  bottom:           0;
  height:           20px;
  font-size:        11px;
}
.footer span, .footer a
{
  font-size:        12px;
  padding:          2px;
}

#logo_container
{
  width:            267px;
  height:           68px;
  margin:           10px 0px 10px 10px;
}

#logo_container #logo
{
  background:       url(/img/logo.png) no-repeat center;
  width:            100%;
  height:           100%;
}

#page_container
{
  position:         absolute;
  top:              0px;
  bottom:           0px;
  width:            950px;
}
#page_container, #stage
{
  background-color: #F4F4F4;
}
#stage
{
  padding:          120px 10px 40px 10px;
}

#view-content
{
  width:            710px;
}

.page_navigator
{
  position:         relative;
  float:            right;
  color:            #404040;
  padding:          2px 5px 1px 5px;
  margin-right:     2px;
  font-size:        13px;
  background-color: #EEEEEE;
  border:           1px solid #D0D0D0;
}

.page_navigator a, .page_navigator .unfunctional_link
{
  margin-left:      3px;
  margin-right:     3px;
  font-size:        12px;
}
.page_navigator .unfunctional_link
{
  color:            #808080;
}
.page_navigator a:hover
{
  color:            #5050F0;
}

.page_navigator label
{
  font-size:        13px;
}

.page_navigator select
{
  color:            #404040;
  font-size:        13px;
  background-color: #EEEEEE;
  border:           1px solid #D0D0D0;
}

.up_we_go
{
  clear:            both;
  margin-top:       -25px;
}

.left
{
  float:            left;
}

.right
{
  float:            right;
}

.maxw
{
  margin:           0 auto;
  max-width:        1200px;
}

#skypedetectionswf
{
  display:          none;
  visibility:       hidden;
}

/**  ----------------------------------------------  **/



/**  ----------------------------------------------  **
 *
 *    menu
 * 
***  ----------------------------------------------  */
.menu
{
  float:            right;
  height:           32px;
  margin-right:     0px;
  margin-top:       -35px;
}

.home
{
  background:       url("/img/sprite.png") no-repeat scroll 0 0 transparent; 
  height:           27px;
  margin:           0px 3px 0;
  width:            27px;
}
.home:hover, .navigation li ul li.active .home
{
  background:       url("/img/sprite.png") no-repeat scroll -27px 0 transparent;
}

.navigation
{
  font-weight:      bold;
  list-style-type:  none;
  margin:           8px 0;
  padding:          0 12px;
  position:         relative;
}

.navigation a
{
  display:          block;
  text-align:       center;
}

.navigation li
{
  list-style:       none;
  float:            left;
  position:         relative;
  margin-left:      2px;
  margin-right:     2px;
}

.navigation li a,.navigation li div
{
  font-size:        13px;
  cursor:           pointer;
}
.navigation li a:hover,.navigation li div:hover
{
  text-decoration:  none;
}

.navigation li ul li .main_menu
{
  border-top:       2px solid;
  margin:           0 6px;
  padding:          4px 1px 5px 1px;
}
.navigation li ul li .main_menu:hover, .navigation li ul .active .main_menu
{
  border-radius:    2px;
    -webkit-border-radius:  2px;
    -moz-border-radius:     2px;
  margin:           0 4px;
}

.navigation li ul li ul li
{
  border:           none;
  float:            none;
  background-color: #f80000;
  filter:           alpha(opacity=80);
  opacity:          0.8;
    -moz-opacity:   0.8;
    -khtml-opacity: 0.8;
}

.navigation li.active ul li ul li a.sub_menu
{
  text-align:       left;
  padding-left:     20px;
}
.navigation li ul li ul li a:hover
{
  background:       url("/img/r_arrow.png") no-repeat scroll 3px 6px;
}

/*  ---  First level ---  */
.active .color1, .color1:hover, .active .color2, .color2:hover,
.active .color3, .color3:hover, .active .color4, .color4:hover,
.active ul li .color1:hover,
.active ul li .color2:hover,
.active ul li .color3:hover,
.active ul li .color4:hover
{
  color:            #f8f8f8;
  padding:          6px 3px 5px 3px;
}
.navigation li ul li.active .color1, .navigation li ul li .color1:hover, .active ul li ul li .color1:hover,
.navigation li ul li.active .color2, .navigation li ul li .color2:hover, .active ul li ul li .color2:hover,
.navigation li ul li.active .color3, .navigation li ul li .color3:hover, .active ul li ul li .color3:hover,
.navigation li ul li.active .color4, .navigation li ul li .color4:hover, .active ul li ul li .color4:hover
{
  color:            #f8f8f8;
  border:           none;
  padding:          6px 3px 5px 3px;
}
.navigation li ul li.active .color1, .navigation li ul li .color1:hover, .active ul li ul li .color1:hover
{
  background-color: #ff5050;
}
.navigation li ul li.active .color2, .navigation li ul li .color2:hover, .active ul li ul li .color2:hover
{
  background-color: #ee50ee;
}
.navigation li ul li.active .color3, .navigation li ul li .color3:hover, .active ul li ul li .color3:hover
{
  background-color: #2050c0;
}
.navigation li ul li.active .color4, .navigation li ul li .color4:hover, .active ul li ul li .color4:hover
{
  background-color: #00a040;
}

/*  ---  Second level  ---  */
.navigation li ul li ul li .sub_menu
{
  background-color: #f8f8f8 !important;
  margin-left:      -30px;
  margin-top:       1px;
}
.navigation li ul li ul li .color1
{
  color:            #ff5050 !important;
}
.navigation li ul li ul li .color2
{
  color:            #ee50ee !important;
}
.navigation li ul li ul li .color3
{
  color:            #2050c0 !important;
}
.navigation li ul li ul li .color4
{
  color:            #00a040 !important;
}
.navigation li ul li ul li .color1:hover, .navigation li ul li ul li.active .color1,
.navigation li ul li ul li .color2:hover, .navigation li ul li ul li.active .color2,
.navigation li ul li ul li .color3:hover, .navigation li ul li ul li.active .color3,
.navigation li ul li ul li .color4:hover, .navigation li ul li ul li.active .color4
{
  color:            #f8f8f8 !important;
}
.navigation li ul li ul li .color1:hover, .navigation li ul li ul li.active .color1
{
  background-color: #ff5050 !important;
}
.navigation li ul li ul li .color2:hover, .navigation li ul li ul li.active .color2
{
  background-color: #ee50ee !important;
}
.navigation li ul li ul li .color3:hover, .navigation li ul li ul li.active .color3
{
  background-color: #2050c0 !important;
}
.navigation li ul li ul li .color4:hover, .navigation li ul li ul li.active .color4
{
  background-color: #00a040 !important;
}

.active ul li .color1 { color: #ff5050; }
.active ul li .color2 { color: #ee50ee; }
.active ul li .color3 { color: #2050c0; }
.active ul li .color4 { color: #00a040; }

/**  ----------------------------------------------  **/



/**  ----------------------------------------------  **
 *
 *    header bar for social networks & links
 * 
***  ----------------------------------------------  */
#social_bar
{
  position:         absolute;
  top:              5px;
  right:            5px;
  padding:          3px 3px 0px 3px;
  background-color: #E0E0E0;
  border-radius:    3px;
    -webkit-border-radius:  3px;
    -moz-border-radius:     3px;
}

#social_bar .icon_facebook, #social_bar .icon_twitter,
#social_bar .icon_youtube, #social_bar .icon_forum,
#social_bar .icon_rss, #social_bar .icon_skype,
#social_bar .icon_avaaz
{
  width:            32px;
  height:           29px;
  display:          inline-block;
}
#social_bar .icon_facebook
{
  background:       url('/img/icon_facebook.png') no-repeat 0px 0px;
}
#social_bar .icon_facebook:hover
{
  background:       url('/img/icon_facebook.png') no-repeat -32px 0px;
}
#social_bar .icon_twitter
{
  background:       url('/img/icon_twitter.png') no-repeat 0px 0px;
}
#social_bar .icon_twitter:hover
{
  background:       url('/img/icon_twitter.png') no-repeat -32px 0px;
}
#social_bar .icon_youtube
{
  background:       url('/img/icon_youtube.png') no-repeat 0px 0px;
}
#social_bar .icon_youtube:hover
{
  background:       url('/img/icon_youtube.png') no-repeat -32px 0px;
}
#social_bar .icon_forum
{
  background:       url('/img/icon_forum.png') no-repeat 0px 0px;
}
#social_bar .icon_forum:hover
{
  background:       url('/img/icon_forum.png') no-repeat -32px 0px;
}
#social_bar .icon_rss
{
  background:       url('/img/icon_rss.png') no-repeat 0px 0px;
}
#social_bar .icon_rss:hover
{
  background:       url('/img/icon_rss.png') no-repeat -32px 0px;
}
#social_bar .icon_skype
{
  background:       url('/img/icon_skype.png') no-repeat 0px 0px;
}
#social_bar .icon_skype:hover
{
  background:       url('/img/icon_skype.png') no-repeat -32px 0px;
}
#social_bar .icon_avaaz
{
  background:       url('/img/icon_avaaz.png') no-repeat 0px 0px;
}
#social_bar .icon_avaaz:hover
{
  background:       url('/img/icon_avaaz.png') no-repeat -32px 0px;
}

/**  ----------------------------------------------  **/



/**  ----------------------------------------------  **
 *
 *    header bar for language switcher
 * 
***  ----------------------------------------------  */
#lang_container
{
  position:         absolute;
  bottom:           2px;
  right:            4px;
/*
  padding:          1px;
  border-left:      1px solid #CCCCCC;
*/
}

#lang_it, #lang_it_inactive, #lang_en, #lang_en_inactive
{
  width:            15px;
  height:           10px;
/*
  width:            17px;
  height:           12px;
  margin:           2px 1px 2px 1px;
  cursor:           pointer;
*/
  margin:           3px 2px 3px 2px;
}
/*
#lang_it:hover, #lang_en:hover
{
  background-color: #FF9080;
}
*/

#lang_it_inactive
{
  background:       url('/img/flag-it.png') no-repeat 0px -10px;
}
#lang_en_inactive
{
  background:       url('/img/flag-en.png') no-repeat 0px -10px;
}

#lang_it, #lang_it_inactive:hover
{
  background:       url('/img/flag-it.png') no-repeat 0px 0px;
}
#lang_en, #lang_en_inactive:hover
{
  background:       url('/img/flag-en.png') no-repeat 0px 0px;
}
/**  ----------------------------------------------  **/



/**  ----------------------------------------------  **
 *
 *    search box
 * 
***  ----------------------------------------------  */
#search_box
{
  position:         relative;
  overflow:         hidden;
  background-color: #E0E0E0;
  margin:           10px 0px 25px 0px;
  padding:          4px 4px 4px 6px;
  border:           1px solid #A0A0A0;
  border-radius:    5px;
    -webkit-border-radius:  5px;
    -moz-border-radius:     5px;
}

#search_box [type=text]
{
  float:            left;
  width:            140px;
  padding:          4px;
}

#search_box [type=submit], #search_box [type=button]
{
  float:            right;
  background:       url('/img/search.png') no-repeat 0px 0px;
  width:            27px;
  height:           27px;
  border:           none;
  margin-top:       2px;
  margin:           2px 3px 1px 0px;
  cursor:           pointer;
}
#search_box [type=submit]:hover, #search_box [type=button]:hover
{
  background:       url('/img/search.png') no-repeat -27px 0px;
}
#search_box [type=submit]:active, #search_box [type=button]:active
{
  background:       url('/img/search.png') no-repeat -54px 0px;
}

#q
{
  border:           1px solid #D0D0D0;
  font-size:        13px;
  padding:          2px;
  position:         relative;
  float:            left;
  background-color: #F6F6F6;
}
#q:hover, #q:focus
{
  background-color: #FDFDFD;
}

/**  ----------------------------------------------  **/



/**  ----------------------------------------------  **
 *
 *    breadcrumbs
 * 
***  ----------------------------------------------  */
#breadcrumbs, #breadcrumbs a
{
  font-size:        13px;
  margin-bottom:    10px;
}
#breadcrumbs .color
{
  border-top:       none;
  margin:           0 6px;
}
#breadcrumbs .color:hover
{
  color:            #f8f8f8;
  padding:          2px 5px 2px 5px;
  border-radius:    2px;
    -webkit-border-radius:  2px;
    -moz-border-radius:     2px;
  margin:           0px 1px 0px 1px;
}
#breadcrumbs .color1
{
  color:            #ff5050;
}
#breadcrumbs .color2
{
  color:            #ee50ee;
}
#breadcrumbs .color3
{
  color:            #2050c0;
}
#breadcrumbs .color4
{
  color:            #00a040;
}
#breadcrumbs .color1:hover
{
  background-color: #ff5050;
}
#breadcrumbs .color2:hover
{
  background-color: #ee50ee;
}
#breadcrumbs .color3:hover
{
  background-color: #2050c0;
}
#breadcrumbs .color4:hover
{
  background-color: #00a040;
}

/**  ----------------------------------------------  **/



/**  ----------------------------------------------  **
 *
 *    buttons and other elements
 * 
***  ----------------------------------------------  */
#print_btn
{
  width:            16px;
  height:           16px;
  background:       url(/img/btn_elem.png) no-repeat 0px -64px;
  float:            right;
  margin-right:     0px;
  margin-top:       -25px;
  cursor:           pointer;
}
#print_btn:hover
{
  background:       url(/img/btn_elem.png) no-repeat 0px -80px;
}

/**  ----------------------------------------------  **/



/**  ----------------------------------------------  **
 *
 *    text content
 * 
***  ----------------------------------------------  */
.text_img_block_1 p
{
  float:            left;
}
.text_img_block_1 img
{
  float:            right;
  margin-left:      20px;
}

.text_img_block_2 p
{
  float:            right;
}
.text_img_block_2 img
{
  float:            left;
  margin-right:     20px;
}

.text_img_block_1 ul, .text_img_block_2 ul
{
  clear:            both;
}
.text_img_block_1 ul li, .text_img_block_2 ul li
{
  margin-bottom:    5px;
}

.text_img_block_1 .clear, .text_img_block_2 .clear
{
  clear:            both;
}

.more_info
{
  float:            left !important;
}

.tbl_in-text tr
{
  padding:          1px 0px 1px 0px;
}
.tbl_in-text td
{
  padding:          1px 12px 1px 2px;
}

/**  ----------------------------------------------  **/



/**  ----------------------------------------------  **
 *
 *    right panel
 * 
***  ----------------------------------------------  */
#rightbar
{
  position:         absolute;
  right:            10px;
  width:            200px;
  margin-top:       30px;
}

#rightbar .side_panel .title
{
  background-color: #B0B0B0;
  height:           20px;
  border-radius:    6px;
    -webkit-border-radius:  6px;
    -moz-border-radius:     6px;
  padding:          9px 5px 5px 7px;
  font-size:        14px;
  font-weight:      bold;
}
#rightbar .side_panel .title .toggler_open,
#rightbar .side_panel .title .toggler_close
{
  width:            15px;
  height:           8px;
  margin-top:       3px;
  margin-right:     5px;
  float:            right;
  display:          inline-block;
  cursor:           pointer;
}
#rightbar .side_panel .title .toggler_open
{
  background:       url('/img/arrow_down.png') no-repeat 0px 0px;
}
#rightbar .side_panel .title .toggler_open:hover
{
  background:       url('/img/arrow_down.png') no-repeat 0px -8px;
}
#rightbar .side_panel .title .toggler_close
{
  background:       url('/img/arrow_up.png') no-repeat 0px 0px;
}
#rightbar .side_panel .title .toggler_close:hover
{
  background:       url('/img/arrow_up.png') no-repeat 0px -8px;
}
#rightbar .side_panel .subtitle
{
  border:           1px solid #B0B0B0;
  background-color: #E0E0E0;
  margin-top:       -6px;
  height:           5px;
}
#rightbar .side_panel .body
{
  border-left:      1px solid #B0B0B0;
  border-right:     1px solid #B0B0B0;
  border-bottom:    1px solid #B0B0B0;
  background-color: #E0E0E0;
  margin-top:       -1px;
  margin-bottom:    10px;
/*
  min-height:       40px;
*/
  padding:          3px 7px 7px 7px;
}
#rightbar .side_panel .body a
{
  color:            #000000;
}
#rightbar .side_panel .body a:visited
{
  color:            #000000;
}
#rightbar .side_panel .body a:hover
{
  color:            #404040;
}
#rightbar .side_panel .body a.past_event
{
  color:            #606060;
}
#rightbar .side_panel .body a:visited.past_event
{
  color:            #606060;
}
#rightbar .side_panel .body a:hover.past_event
{
  color:            #808080;
}

.side_event
{
  margin-top:       9px;
  padding:          1px 0px 1px 0px;
}
.side_event .date
{
  font-weight:      bold;
  font-size:        13px;
}
.side_event .side_evt_msg
{
  font-style:       italic;
  padding-left:     8px;
  font-size:        13px;
}
.side_event .side_text
{
  padding-left:     1px;
  font-size:        11px;
}
.side_event .hot
{
  font-weight:      bold;
}

#support-us, #support-us-2
{
  border:           1px solid;
  color:            #FFFFFF;
  border-radius:    4px;
    -webkit-border-radius:  4px;
    -moz-border-radius:     4px;
  padding:          5px 5px 5px 5px;
  font-size:        14px;
  font-weight:      bold;
  margin:           0px 0px 30px 0px;
  text-align:       center;
  box-shadow:       1px 1px 1px #808080;
    -moz-box-shadow:        1px 1px 1px #808080;
    -webkit-box-shadow:     1px 1px 1px #808080;
}
#support-us
{
  background-color: #0050C0;
  border-color:     #003090;
}
#support-us-2
{
  background-color: #F04000;
  border-color:     #B02000;
}
#support-us:hover
{
  background-color: #0070E0;
  border-color:     #0050B0;
}
#support-us-2:hover
{
  background-color: #FF6000;
  border-color:     #C04000;
}
#support-us:active, #support-us-2:active
{
  box-shadow:       none;
    -moz-box-shadow:        none;
    -webkit-box-shadow:     none;
  margin:           1px 0px 29px 1px;
}

#support-us a, #support-us a:visited, #support-us a:hover,
#support-us-2 a, #support-us-2 a:visited, #support-us-2 a:hover
{
  color:            #000000;
}

/**  ----------------------------------------------  **/



/**  ----------------------------------------------  **
 *
 *    Timeline page
 * 
***  ----------------------------------------------  */
.year
{
  margin-bottom:    50px;
  margin-top:       5px;
}

.doc_class
{
  margin-bottom:    0px;
  margin-top:       0px;
}

.event, .req_event, .timeline_event
{
  margin-bottom:    20px;
  margin-left:      70px;
  left:             0px;
  right:            auto;
}

.event .date, .req_event .date, .timeline_event .date
{
  width:            65px;
  height:           44px;
  margin-left:      -70px;
  overflow:         hidden;
  float:            right;
  cursor:           default;
}
.event .date
{
  background:       url(/img/arrow_timeline_green.png) no-repeat 0px 0px;
}
.req_event .date
{
  background:       url(/img/arrow_timeline_blue.png) no-repeat 0px 0px;
}
.timeline_event .date
{
  background:       url(/img/arrow_timeline_red.png) no-repeat 0px 0px;
}
.event .date:hover
{
  background:       url(/img/arrow_timeline_green.png) no-repeat 0px -44px;
}
.req_event .date:hover
{
  background:       url(/img/arrow_timeline_blue.png) no-repeat 0px -44px;
}
.timeline_event .date:hover
{
  background:       url(/img/arrow_timeline_red.png) no-repeat 0px -44px;
}

.event .date .content, .req_event .date .content, .timeline_event .date .content
{
  margin-top:       0px;
  margin-left:      7px;
  color:            #FFFFFF;
}

.event .date .content .row1, .event .date .content .row2,
.req_event .date .content .row1, .req_event .date .content .row2,
.timeline_event .date .content .row1, .timeline_event .date .content .row2
{
  width:            45px;
  height:           22px;
  text-align:       center;
}
.event .date .content .row1, .req_event .date .content .row1,
.timeline_event .date .content .row1
{
  margin-top:       3px;
}
.event .date .content .row2, .req_event .date .content .row2,
.timeline_event .date .content .row2
{
  margin-top:       -1px;
}

.event .date .content .row1 .day, .req_event .date .content .row1 .day,
.timeline_event .date .content .row1 .day
{
  font-size:        110%;
  font-weight:      bold;
}

.event .date .content .row1 .month, .req_event .date .content .row1 .month,
.timeline_event .date .content .row1 .month
{
  font-size:        95%;
  margin-left:      2px;
  font-weight:      bold;
}

.event .date .content .row2 .year, .req_event .date .content .row2 .year,
.timeline_event .date .content .row2 .year
{
  font-size:        80%;
}

.event p, .req_event p, .timeline_event p
{
  width:            620px;
  min-height:       39px;
  margin:           0px 5px 0px -20px;
  padding:          2px 5px 3px 30px;
  float:            right;
}
.event p:hover, .req_event p:hover, .timeline_event p:hover
{
  background-color: #E8E8F0;
}
.event .evt_title, .req_event .evt_title
{
  font-weight:      bold;
  display:          block;
  font-size:        105%;
}

.event .link, .event .link a, .snippet .link, .snippet .link a,
.req_event .link, .req_event .link a
{
  font-size:        12px;
  margin-top:       2px;
}
.event .link, .snippet .link, .req_event .link
{
  color:            #707070;
}
.event .link, .event .link a, .req_event .link a
{
  margin-left:      4px;
}
.snippet .link, .snippet .link a
{
  margin-top:       -13px;
  margin-left:      2px;
}
.event .link a, .snippet .link a, .req_event .link a
{
  color:            #6080C0;
}
.event .link a:hover, .snippet .link a:hover, .req_event .link a:hover
{
  color:            #8EA7DA;
}

.clear
{
  clear:            both;
}

/**  ----------------------------------------------  **/



/**  ----------------------------------------------  **
 *
 *    Snippets page & snippet box for homepage
 * 
***  ----------------------------------------------  */
.snippet
{
  margin-bottom:    20px;
  padding:          2px 5px 2px 7px;
}

.snippet .snippet_title_container
{
  display:          inline;
}
.snippet .snippet_title_container .decorator_left
{
  background:       url(/img/title_decoration_left.png) no-repeat 0px 0px;
  width:            7px;
  height:           27px;
  float:            left;
}
.snippet .snippet_title_container .decorator_right
{
  background:       url(/img/title_decoration_right.png) no-repeat 0px 0px;
  width:            30px;
  height:           27px;
  float:            left;
}
.snippet .snippet_title_container .snippet_title
{
  background:       url(/img/title_decoration_middle.png) repeat-x 0px 0px;
  height:           27px;
  font-size:        20px;
  font-weight:      bold;
  background-color: none;
  color:            #FFFFFF;
  display:          inline-block;
  padding:          2px 8px 0px 8px;
  margin-top:       0px;
  float:left;
}

.snippet p
{
  padding:          2px 3px 1px 3px;
}
.snippet p:hover
{
  background-color: #E8E8F0;
}

.snippet img
{
  float:            right;
  margin-left:      15px;
}

#home_snippet
{
  margin-top:       50px;
}

#snippet_box
{
  margin-top:       40px;
  padding:          10px 5px 10px 5px;
  background-color: #EEEEEE;
  border:           1px solid #E8E8E8;
}
#home_snippet #snippet_box
{
  margin-top:       10px;
}

#home_snippet .latest
{
  margin-left:      10px;
  margin-bottom:    3px;
}

#home_snippet .latest a
{
  margin-left:      7px;
  font-style:       italic;
  color:            #202020;
}
#home_snippet .latest a:hover
{
  color:            #505050;
}

#initials
{
  padding:          2px 5px 10px 5px;
  border-bottom:    solid 1px #DDDDDD;
  margin-bottom:    10px;
}

#initials a
{
  color:            #ff5050;
  font-weight:      bold;
  margin:           0px 5px 0px 5px;
}
#initials a:hover
{
  color:            #ff8080;
}

.letter_block
{
  margin-top:       30px;
  margin-bottom:    10px;
}

.top_padding:before
{
  display:          block;
  content:          "";
  height:           100px;
  margin:           -100px 0 0;
/*
  http://nicolasgallagher.com/jump-links-and-viewport-positioning/demo
  http://www.pixelflips.com/blog/anchor-links-with-a-fixed-header/
  http://dustinfarris.com/2012/2/in-page-links-and-fixed-header-overlap/
*/
}

.letter
{
  margin-top:       0px;
}

/**  ----------------------------------------------  **/



/**  ----------------------------------------------  **
 *
 *    documents page
 * 
***  ----------------------------------------------  */
.document
{
  margin-bottom:    20px;
  padding:          2px 5px 2px 7px;
}

.document a
{
  color:            #2050C0;
  font-weight:      bold;
}
.document a:hover
{
  color:            #4a71ca;
}

.document .doc_tstamp, .document .doc_source,
.document .doc_source a
{
  font-size:        10px;
  margin-top:       2px;
}
.document .doc_tstamp, .document .doc_source
{
  color:            #707070;
}
.document .doc_source a
{
  color:            #6080C0;
}
.document .doc_source a:hover
{
  color:            #8EA7DA;
}

/**  ----------------------------------------------  **/



/**  ----------------------------------------------  **
 *
 *    bulletin page
 * 
***  ----------------------------------------------  */
.bulletin
{
  margin-bottom:    20px;
  padding:          2px 5px 2px 7px;
}

.bulletin .title
{
  font-size:        22px;
  font-weight:      bold;
  margin-top:       10px;
  margin-bottom:    5px;
}

.bulletin img
{
  float:            right;
  margin-left:      15px;
}

.bulletin a
{
  color:            #2050C0;
  font-weight:      bold;
  font-size:        13px;
}
.bulletin a:hover
{
  color:            #4a71ca;
}

.bulletin .pubdate
{
  font-size:        10px;
  margin-top:       2px;
  color:            #707070;
}

.bulletin .thanks, .snippet .thanks
{
  font-size:        12px;
  color:            #303030;
}
.snippet .thanks
{
  margin-left:      4px;
}

.bulletin .link_more
{
  float:            right;
  font-size:        12px;
  margin-top:       0px;
  margin-left:      4px;
  color:            #303030;
}
.bulletin .link_more .ticker
{
  font-weight:      bold;
  margin-right:     6px;
}
.bulletin .link_more a
{
  font-size:        14px;
  color:            #2050C0;
}
.bulletin .link_more a:hover
{
  color:            #4070E0;
}

.snippet .link_more
{
  font-weight:      bold;
  font-size:        12px;
  margin-top:       0px;
  margin-left:      4px;
  color:            #303030;
}
.snippet .link_more .ticker
{
  margin-right:     6px;
}
.snippet .link_more a
{
  font-size:        14px;
  color:            #2050C0;
}
.snippet .link_more a:hover
{
  color:            #4070E0;
}

/**  ----------------------------------------------  **/



/**  ----------------------------------------------  **
 *
 *    in-page map
 * 
***  ----------------------------------------------  */
#map_canvas
{
  width:            700px;
  height:           450px;
  margin-left:      auto;
  margin-right:     auto;
}

.marker_font
{
  text-align:       center;
  font:             10px/10px Verdana, Arial, Helvetica, sans-serif;
  color:            #FFFFFF;
  font-weight:      bold;
}

#frm_geocoder
{
  margin-top:       30px;
  padding:          5px 7px 5px 7px;
  background-color: #E8E8E8;
  border:           1px solid #D8D8D8;
}

.geocode_pane
{
  margin:           10px 0px;
  padding:          3px 10px;
  background-color: #E0E0E0;
  border:           1px solid #D0D0D0;
  border-radius:    3px;
    -webkit-border-radius:  3px;
    -moz-border-radius:     3px;
}

.geocode_pane .geocode_container
{
  display:          inline-block;
  margin-right:     0px;
  overflow:         hidden;
  float:            left;
}

.geocode_pane label
{
  font-weight:      bold;
  display:          inline-block;
}

.geocode_pane [type=button],
.geocode_pane .geocode_container [type=submit],
.geocode_pane .geocode_container [type=text]
{
  border:           1px solid #D0D0D0;
  background:       #EEEEEE;
  color:            #202020;
}
.geocode_pane .geocode_container [type=text]
{
  margin-right:     15px;
}
.geocode_pane [type=button]
{
  cursor:           pointer;
}
.geocode_pane [type=button]:hover,
.geocode_pane .geocode_container [type=submit]:hover,
.geocode_pane .geocode_container [type=text]:hover,
.geocode_pane .geocode_container [type=text]:focus
{
  background:       #F8F8F8;
}

.geocode_pane .geocode_container #addr
{
  width:            450px;
}
.geocode_pane .geocode_container #lat,
.geocode_pane .geocode_container #lng
{
  width:            200px;
}
.geocode_pane #dist
{
  margin-left:      15px;
  color:            #2020F0;
  font-style:       italic;
}

#map_container
{
  margin:           25px auto 10px auto;
}

#map_overlay_dist, #map_overlay_gps, #map_overlay_gps_fullsize
{
  height:           20px;
  z-index:          1000;
  text-align:       center;
  font-weight:      bold;
  padding:          4px 3px 3px 3px;
  background-color: #F0F0F0;
  border:           1px solid #BBBBBB;
  border-radius:    3px;
    -webkit-border-radius:  3px;
    -moz-border-radius:     3px;
  box-shadow:       1x 1px 1px #808080;
    -moz-box-shadow:        1px 1px 1px #808080;
    -webkit-box-shadow:     1px 1px 1px #808080;
  visibility:       hidden;
}
#map_overlay_dist, #map_overlay_gps
{
  position:         absolute;
  margin-top:       -80px;
  margin-right:     auto;
  height:           20px;
  filter:           alpha(opacity=80);
  opacity:          0.8;
    -moz-opacity:   0.8;
    -khtml-opacity: 0.8;
}
#map_overlay_dist
{
  margin-left:      585px;
  width:            95px;
}
#map_overlay_gps
{
  margin-left:      500px;
  width:            180px;
}
#map_overlay_gps_fullsize
{
  position:         fixed;
  right:            50px;
  top:              10px;
  width:            180px;
}

#map_overlay_fullsize
{
  position:         absolute;
  margin-top:       -22px;
  margin-right:     auto;
  margin-left:      688px;
  width:            32px;
  height:           32px;
  z-index:          100;
  background:       url(/img/map_enlarge.png) no-repeat 0px 0px;
  cursor:           pointer;
}

#map_overlay_colorbar_container
{
  visibility:       hidden;
}

#map_overlay_colorbar, #map_overlay_colorbar_fullsize
{
  width:            15px;
  height:           250px;
  z-index:          100;
  text-align:       center;
  font-weight:      bold;
  padding:          5px 4px 4px 4px;
  border:           1px solid #BBBBBB;
  border-radius:    3px;
    -webkit-border-radius:  3px;
    -moz-border-radius:     3px;
  box-shadow:       1x 1px 1px #808080;
    -moz-box-shadow:        1px 1px 1px #808080;
    -webkit-box-shadow:     1px 1px 1px #808080;
  background:       url('/img/colorbar_jet.png') no-repeat 4px 4px white;
}
#map_overlay_colorbar
{
  position:         absolute;
  margin-top:       -380px;
  margin-right:     auto;
  margin-left:      630px;
}
#map_overlay_colorbar_fullsize
{
  position:         fixed;
  top:              120px;
  right:            125px;
}

#map_overlay_colorbar_min, #map_overlay_colorbar_max,
#map_overlay_colorbar_pos
{
  position:         absolute;
  height:           11px;
  z-index:          100;
  margin-left:      671px;
  margin-right:     auto;
}
#map_overlay_colorbar_max
{
  margin-top:       -379px;
}
#map_overlay_colorbar_min
{
  margin-top:       -131px;
}
#map_overlay_colorbar_fullsize_min, #map_overlay_colorbar_fullsize_max,
#map_overlay_colorbar_fullsize_pos
{
  position:         fixed;
  height:           11px;
  z-index:          100;
  right:            75px;
}
#map_overlay_colorbar_fullsize_max
{
  margin-top:       121px;
}
#map_overlay_colorbar_fullsize_min
{
  margin-top:       369px;
}
#map_overlay_colorbar_min .arrow, #map_overlay_colorbar_max .arrow,
#map_overlay_colorbar_pos .arrow,
#map_overlay_colorbar_fullsize_min .arrow,
#map_overlay_colorbar_fullsize_max .arrow,
#map_overlay_colorbar_fullsize_pos .arrow
{
  width:            14px;
  height:           11px;
  background:       url('/img/arrow.png') no-repeat 0px 0px;
  margin-left:      -18px;
}
#map_overlay_colorbar_min .val, #map_overlay_colorbar_max .val,
#map_overlay_colorbar_pos .val,
#map_overlay_colorbar_fullsize_min .val,
#map_overlay_colorbar_fullsize_max .val,
#map_overlay_colorbar_fullsize_pos .val
{
  font-size:        9pt;
  margin-top:       -14px;
}
#map_overlay_colorbar_pos
{
  margin-top:       -200px;
  visibility:       hidden;
}
#map_overlay_colorbar_fullsize_pos
{
  top:              0px;
  visibility:       hidden;
}

/**  ----------------------------------------------  **/



/**  ----------------------------------------------  **
 *
 *    full-size map
 * 
***  ----------------------------------------------  */
#page_shadowing_container
{
  width:            100%;
  height:           100%;
  position:         fixed;
  z-index:          300;
  top:              0px;
  left:             0px;
}

#page_shadowing_container #page_shadowing
{
  width:            100%;
  height:           100%;
  position:         fixed;
  top:              0px;
  left:             0px;
  filter:           alpha(opacity=70);
  opacity:          0.7;
    -moz-opacity:   0.7;
    -khtml-opacity: 0.7;
  background-color: #000000;
}

#page_shadowing_container #map_full-size_balloon
{
  position:         fixed;
  top:              47px;
  left:             60px;
  right:            60px;
  bottom:           70px;
  background-color: #ffffff;
  border:           1px solid #CCCCCC;
  border-radius:    9px;
    -webkit-border-radius:  9px;  
    -moz-border-radius:     9px;
  box-shadow:       3px 3px 2px #333333;
    -moz-box-shadow:        3px 3px 2px #333333;
    -webkit-box-shadow:     3px 3px 2px #333333;
}

#page_shadowing_container #map_full-size_balloon #map_full-size_canvas
{
  position:         relative;
  top:              10px;
  left:             10px;
  background-color: #ff8020;
}
/*  ------------------------------------------------------------------------  */



/**  ----------------------------------------------  **
 *
 *    forms
 * 
***  ----------------------------------------------  */
.zend_form
{
  margin:           20px 3px 10px 4px;
}

.zend_form .element
{
  position:         relative;
  margin:           5px 0px 5px 0px;
}

.zend_form .element label
{
  font-weight:      bold;
  margin:           3px 5px 3px 0px;
  display:          inline-block;
  width:            80px;
}

.zend_form [type=submit], .zend_form [type=text],
.zend_form [type=password], .zend_form textarea
{
  border:           1px solid #D0D0D0;
  background:       #EEEEEE;
  color:            #202020;
}
.zend_form textarea
{
  width:            100%;
}

.zend_form [type=submit]:hover,
.zend_form [type=text]:hover,
.zend_form [type=text]:focus,
.zend_form [type=password]:hover,
.zend_form [type=password]:focus,
.zend_form textarea:hover,
.zend_form textarea:focus
{
  background:       #F8F8F8;
}

.zend_form [type=submit]
{
  margin-left:      10px;
}

#captcha-label
{
  margin-top:       20px;
  margin-bottom:    10px;
}

.zend_form .errors
{
  list-style:       none outside none;
  font-size:        75%;
  font-style:       italic;
  margin:           0px 0px 20px 10px;
  color:            #C01010;
}

.error
{
  font-style:       italic;
  font-weight:      bold;
  margin:           0px 0px 20px 0px;
  color:            #C01010;
}

/**  ----------------------------------------------  **/



/**  ----------------------------------------------  **
 *
 *    page "comitati"
 * 
***  ----------------------------------------------  */
#list_comitati
{
  margin-top:       50px;
}

#list_comitati ul
{
  margin:           -5px 0px 0px -20px;
  list-style:       none;
}

#list_comitati ul li
{
  margin-top:       2px;
}

/**  ----------------------------------------------  **/



/**  ----------------------------------------------  **
 *
 *    login page
 * 
***  ----------------------------------------------  */
.login_form
{
  width:            300px;
  margin:           10px auto 10px auto;
  padding:          10px;
  background:       #EEEEE0;
  border:           1px solid #E8E8E0;
}

.login_form .title
{
  width:            100%;
  text-align:       center;
  font-weight:      bold;
  font-size:        120%;
  margin-bottom:    15px;
}

.login_form label
{
  font-weight:      bold;
  margin-top:       15px;
}

.login_form dd
{
  margin-bottom:    15px;
  margin-left:      0px;
  width:            100%;
}

.login_form dd input
{
  width:            100%;
}

.login_form dd [type=submit]
{
  margin:           0px auto 10px auto;
}

/**  ----------------------------------------------  **/



/**  ----------------------------------------------  **
 *
 *    full-size alert message
 * 
***  ----------------------------------------------  */
#page_shadowing_container #msg_balloon
{
  position:         relative;
  top:              80px;
  width:            700px;
  margin-left:      auto;
  margin-right:     auto;
  background-color: #ffffff;
  border:           1px solid #CCCCCC;
  border-radius:    5px;
    -webkit-border-radius:  5px;  
    -moz-border-radius:     5px;
  box-shadow:       3px 3px 2px #333333;
    -moz-box-shadow:        3px 3px 2px #333333;
    -webkit-box-shadow:     3px 3px 2px #333333;
}

#page_shadowing_container #msg_balloon #msg_canvas
{
  margin:           15px auto 5px auto;
  width:            650px;
  background-color: #E0E0F0;
  border:           1px solid #D0D0E0;
  padding:          3px 7px 2px 7px;
  border-radius:    2px;
    -webkit-border-radius:  2px;  
    -moz-border-radius:     2px;
  overflow:         hidden;
}

#page_shadowing_container #msg_balloon #msg_canvas p,
#page_shadowing_container #msg_balloon #msg_canvas img
{
  margin:           7px 3px 7px 3px;
}
#page_shadowing_container #msg_balloon #msg_canvas p
{
  text-align:       center;
}
#page_shadowing_container #msg_balloon #msg_canvas img
{
  float:            left;
}
#page_shadowing_container #msg_balloon #msg_btn_close
{
  position:         relative;
  margin:           5px 250px 10px 250px;
  width:            200px;
}

/*  ------------------------------------------------------------------------  */