/* @group Core Elements */
html {
height: 100%;
margin-bottom: 1px;
}
body {
margin: 0;
padding: 0;
}
/* Font family information */
body#ff-synapse, #ff-synapse td {
line-height: 135%;
font-family: Helvetica, Arial, FreeSans, sans-serif;
}
body#ff-synapse h1, body#ff-synapse h2, body#ff-synapse h3, body#ff-synapse h4,
body#ff-synapse #rokslide-toolbar, body#ff-synapse #horiz-menu, body#ff-synapse #bottom-menu td {
font-family: Geneva, Tahoma, "Nimbus Sans L", sans-serif;
}
body#ff-optima, #ff-optima td {
line-height: 135%;
font-family: Optima, Lucida, 'MgOpen Cosmetica', 'Lucida Sans Unicode', sans-serif;
}
body#ff-geneva, #ff-geneva td {
line-height: 135%;
font-family: Geneva, Tahoma, "Nimbus Sans L", sans-serif;
}
body#ff-helvetica, #ff-helvetica td {
line-height: 135%;
font-family: Helvetica, Arial, FreeSans, sans-serif;
}
body#ff-lucida, #ff-lucida td {
line-height: 135%;
font-family: "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Lucida, sans-serif;
}
body#ff-georgia, #ff-georgia td {
line-height: 135%;
font-family: Georgia, sans-serif;
}
body#ff-trebuchet, #ff-trebuchet td {
line-height: 135%;
font-family: "Trebuchet MS", sans-serif;
}
body#ff-palatino, #ff-palatino td {
line-height: 135%;
font-family: "Palatino Linotype", "Book Antiqua", Palatino, "Times New Roman", Times, serif;
}
/* end font family information */
form {
margin: 0;
padding: 0;
}
body.f-smaller,
body#ff-optima.f-smaller,
body#ff-georgia.f-smaller {
font-size: 11px;
}
body,
body.f-default {
font-size: 12px;
}
body#ff-optima,
body#ff-optima.f-default {
font-size: 13px;
}
body#ff-georgia,
body#ff-georgia.f-default {
font-size: 13px;
}
body.f-larger,
body#ff-optima.f-larger,
body#ff-georgia.f-larger {
font-size: 15px;
}
p {
/* setup some more readable paragraph spacing */
margin-top: 10px;
margin-bottom: 15px;
}
h1, h2, h3, h4 {
/* setup some more readable header spacing */
padding-bottom: 5px;
margin: 10px 0;
font-weight: normal;
line-height: 100%;
}
h1 {
font-size: 200%;
line-height: 100%;
}
h2 {
font-size: 175%;
line-height: 100%;
}
h3 {
font-size: 150%;
}
h4 {
font-size: 120%;
}
a {
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
/* @end */
/* @group Joomla Elements */
.small,
.modifydate,
.createdate,
div.mosimage_caption {
font-size: 95%;
}
.componentheading {
font-size: 170%;
line-height: 100%;
padding: 0;
margin: 25px 0 20px 0;
}
.contentheading {
font-size: 180%;
font-weight: normal;
line-height: 20%;
padding-bottom: 4px;
margin: 0px 0 0 0;
font-style: italic;
background-color:#000000
}
td.buttonheading,
.contentpaneopen td.buttonheading {
padding: 0px 3px 0;
}
td.column_separator {
padding-left: 15px;
}
td.componentheading {
padding-bottom: 15px;
}
.sectiontableheader {
font-weight: bold;
padding: 4px;
line-height: 20px;
}
tr.sectiontableentry1 td,
tr.sectiontableentry2 td,
td.sectiontableentry1,
td.sectiontableentry2 {
text-align: left;
padding: 2px 0 0px 5px;
}
tr.sectiontableentry2 td,
td.sectiontableentry2 {
height: 27px;
}
tr.sectiontableentry1 td,
td.sectiontableentry1 {
height: 27px;
}
.contentpane,
.contentpaneopen {
width: 100%;
}
/* @end */
/* @group Structure */
#header {
height: 105px;
}
#banner {
float: right;
margin-top: 5px;
width: 468px;
height: 60px;
overflow: hidden;
}
#showcase {
overflow: hidden;
}
#showcase-padding {
padding-top: 20px;
}
#maincol {
padding: 60px 20px;
}
#leftcol,
#rightcol {
margin-left: -8px;
margin-right: -8px;
}
#leftcol2,
#rightcol2 {
padding: 15px 30px 15px 30px;
}
#bottom-topbar {
height: 34px;
}
#bottom {
padding-top: 20px;
padding-bottom: 40px;
overflow: hidden;
}
.wrapper {
position: relative;
}
#pathway {
position: relative;
z-index: 1;
height: 20px;
margin-bottom: 15px;
}
img#logo {
width: 330px;
height: 130px;
position: absolute;
top: 2px;
}
#body-padding {
padding-bottom: 40px;
}
#mainbody-padding {
padding: 0;
}
#maincol-container {
padding: 0 20px;
}
table.mainbody {
width: 100%;
}
#sidecol-padding {
padding: 0 20px 10px 20px;
}
img#rocket {
width: 144px;
height: 20px;
float: right;
margin-top: 9px;
margin-right: 60px;
}
.spacer .block {
float: left;
}
.spacer.w99 .block {
width: 100%;
}
.spacer.w49 .block {
width: 50%;
}
.spacer.w33 .block {
width: 33.3%;
}
.spacer.w24 .block {
width: 25%;
}
#showcasemodules .block1,
#showcasemodules .block2,
#showcasemodules .block3 {
padding-top: 1px;
}
#showcasemodules .block3 {
float: right;
width: 300px;
}
#showcasemodules .block1 {
float: left;
width: 300px;
}
#showcasemodules.ad1ad3 .block1,
#showcasemodules.ad2ad3 .block2 {
float: none;
margin-right: 325px;
width: auto;
}
#showcasemodules.ad1ad2 .block2 {
float: none;
margin-left: 325px;
width: auto;
}
#showcasemodules.ad1ad2ad3 .block2 {
margin-right: 325px;
margin-left: 325px;
}
/* @end */
/* @group Modules */
#showcasemodules .module-featured {
padding: 15px;
margin-left: 15px;
margin-bottom: 10px;
}
#showcasemodules .module,
#bottommodules .module {
margin-left: 15px;
margin-bottom: 10px;
}
#leftcol .moduletable h3,
#rightcol .moduletable h3,
#rightcol .moduletable-standard h3,
#leftcol .moduletable-standard h3,
#leftcol .moduletable-hilite1 h3,
#rightcol .moduletable-hilite1 h3,
#leftcol .moduletable-hilite2 h3,
#rightcol .moduletable-hilite2 h3,
#leftcol .moduletable-hilite3 h3,
#rightcol .moduletable-hilite3 h3,
#leftcol .moduletable-hilite4 h3,
#rightcol .moduletable-hilite4 h3,
#leftcol .moduletable-hilite5 h3,
#rightcol .moduletable-hilite5 h3,
#leftcol .moduletable-hilite6 h3,
#rightcol .moduletable-hilite6 h3 {
padding: 22px 0 0 15px;
margin: -15px -15px 0 -15px;
height: 40px;
font-size: 130%;
line-height: 22px;
}
/* #leftcol .moduletable, */
/* #rightcol .moduletable, */
#leftcol .moduletable-standard,
#rightcol .moduletable-standard,
#leftcol .moduletable-hilite1,
#rightcol .moduletable-hilite1,
#leftcol .moduletable-hilite2,
#rightcol .moduletable-hilite2,
#leftcol .moduletable-hilite3,
#rightcol .moduletable-hilite3,
#leftcol .moduletable-hilite4,
#rightcol .moduletable-hilite4,
#leftcol .moduletable-hilite5,
#rightcol .moduletable-hilite5,
#leftcol .moduletable-hilite6,
#rightcol .moduletable-hilite6 {
padding: 15px 15px 25px 15px;
}
#maincol .module h3,
#maincol .module-hilite3 h3,
#maincol .module-hilite4 h3 {
padding: 22px 0 20px 15px;
margin: 0px -5px 0 -5px;
font-size: 130%;
line-height: 22px;
}
#showcasemodules .module-featured h3 {
padding: 22px 0 20px 15px;
margin: -25px -5px 0 -5px;
font-size: 130%;
line-height: 22px;
}
#maincol .module,
#maincol .module-hilite3,
#maincol .module-hilite4 {
padding: 0 5px 0px 5px;
}
#maincol .module-hilite5 h3,
#maincol .module-hilite6 h3 {
padding: 22px 0 20px 15px;
margin: 0 -15px 0 -15px;
font-size: 130%;
line-height: 22px;
}
#maincol .module-hilite5,
#maincol .module-hilite6 {
padding: 0 15px 25px 15px;
}
#mainmodules {
overflow: hidden;
}
#showcasemodules .module,
#maincol .module-hilite3,
#maincol .module-hilite4,
#maincol .module-hilite5,
#maincol .module-hilite6,
#bottommodules .module {
margin-right: 15px;
}
#bottommodules .module h3,
#showcasemodules .module h3 {
font-size: 130%;
line-height: 20px;
}
#bottom-menu {
height: 34px;
float: left;
margin-left: 10px;
position: absolute;
}
#bottom-menu a {
text-decoration: none;
}
#bottom-menu a.mainlevel {
line-height: 26px;
height: 27px;
margin-right: 15px;
padding-right: 15px;
padding-left: 0;
margin-top: 6px;
display: block;
float: left;
background: none;
}
/* @end */
/* @group Horizontal Menu */
#horiz-menu {
height: 38px;
margin-top: 75px;
position: absolute;
}
#horiz-menu ul {
list-style: none;
margin: 0;
padding: 0;
float:left;
}
#horiz-menu li {
display: block;
float: left;
margin: 0 4px 0 0;
padding: 0;
}
#horiz-menu a,
#horiz-menu li.active a {
white-space: nowrap;
display: block;
float: left;
height: 38px;
line-height: 34px;
padding: 0 17px;
font-weight: normal;
font-size: 100%;
overflow: hidden;
}
#horiz-menu a {
background-position: 0 -38px;
background-repeat: no-repeat;
}
#horiz-menu li {
background-position: 100% -38px;
background-repeat: no-repeat;
}
#horiz-menu li:hover a,
#horiz-menu li.sfHover a {
background-position: 0 -76px;
}
#horiz-menu li:hover,
#horiz-menu li.sfHover {
background-position: 100% -76px;
}
#horiz-menu li.parent:hover a,
#horiz-menu li.parent.sfHover a,
#horiz-menu li.parent-sfHover a {
background-position: 0 -114px;
}
#horiz-menu li.parent:hover,
#horiz-menu li.parent.sfHover,
#horiz-menu li.parent-sfHover {
background-position: 100% -114px;
}
#horiz-menu li.active a {
background-position: 0 0;
}
#horiz-menu li.active {
background-position: 100% 0;
}
/* splitmenu specific overrides */
#horiz-menu.splitmenu li.parent:hover a,
#horiz-menu.splitmenu li.parent-sfHover a {
background-position: 0 -76px;
}
#horiz-menu.splitmenu li.parent:hover,
#horiz-menu.splitmenu li.parent-sfHover {
background-position: 100% -76px;
}
#horiz-menu.splitmenu li.active:hover a,
#horiz-menu.splitmenu li.active-sfHover a {
background-position: 0 0;
}
#horiz-menu.splitmenu li.active:hover,
#horiz-menu.splitmenu li.active-sfHover {
background-position: 100% 0;
}
#horiz-menu a:hover {
text-decoration: none;
}
/* mouseovers */
#horiz-menu li li a:hover {
background: none;
}
#horiz-menu li li.active,
#horiz-menu li.active li a,
#horiz-menu li.active li a:hover {
background: none;
}
#horiz-menu li li a {
font-size: 100%;
font-weight: normal;
background: none;
}
/* @end */
/* @group Sub Menu */
ul.menu {
margin: 0 0 15px 0;
padding: 0;
}
ul.menu li {
list-style: none;
margin: 0;
padding: 0;
}
ul.menu span {
display: block;
height: 27px;
}
ul.menu a {
display: block;
line-height: 30px;
text-indent: 15px;
height: 27px;
}
ul.menu ul {
margin: 4px 0;
}
ul.menu ul li a {
text-indent: 10px;
}
ul.menu ul a {
background: none;
text-indent: 0;
}
ul.menu ul {
margin-left: 10px;
padding: 0;
}
ul.menu ul ul {
padding: 0;
margin-left: 20px;
}
ul.menu li li {
padding: 0;
margin: 0;
}
ul.menu ul a {
text-indent: 0;
}
ul.menu li a {
padding-left: 10px;
}
ul.menu li.active a,
ul.menu li a:hover,
ul.menu li.active a:hover {
text-decoration: none;
}
ul.menu li.active li a,
ul.menu li.active li a:hover {
background: none;
}
/* @end */
/* @group Mainmenu */
a.mainlevel {
display: block;
line-height: 30px;
height: 27px;
font-size: 100%;
padding-left: 25px;
text-decoration: none;
}
a#active_menu.sublevel {
color: #fff;
background: none;
}
a.sublevel {
text-decoration: none;
line-height: 25px;
padding-left: 10px;
}
a.mainlevel:hover,
a.sublevel:hover {
text-decoration: none;
}
/* @end */
/* @group Content Styles */
/* @group Readon */
a.readon {
margin: 10px 0px 0px 0px;
padding-left: 20px;
font-weight: normal;
font-size: 100%;
display:block;
width: 625px;
height: 26px;
float:left;
background: url(http://www.sicilsurf.it/web/components/com_comment/joscomment/images/user_comment.gif) 0 0 no-repeat;
}
/* @end */
/* @group Pathway */
span.pathway {
display: block;
line-height: 220%;
font-weight: normal;
height: 20px;
line-height: 22px;
float: left;
overflow: hidden;
}
span.pathway img {
float: none;
vertical-align: top;
width: 5px;
height: 20px;
padding-right: 15px;
}
span.pathway a {
float: none;
padding: 0 10px 0 0;
}
/* @end */
/* @group Typography */
ul.number,
ul.bullet-1,
ul.bullet-2,
ul.bullet-3,
ul.bullet-4 {
padding-left: 15px;
margin-left: 0;
}
ul.number li,
ul.bullet-1 li,
ul.bullet-2 li,
ul.bullet-3 li,
ul.bullet-4 li {
list-style: none;
margin-left: 0;
padding-bottom: 3px;
margin-bottom: 5px;
padding-left: 24px;
}
pre {
padding: 10px;
}
blockquote {
font-style: italic;
font-size: 120%;
line-height: 150%;
width: auto;
padding: 0px 0px 5px 50px;
margin: 15px 0;
}
blockquote p {
padding: 0 50px 0 0;
margin-top: 0;
}
/* @end */
/* @group Notice Styles */
span.alert,
span.info,
span.download,
span.note {
display: block;
padding: 2px 5px 2px 45px;
margin: 15px 0;
}
/* @end */
/* @grup RokContentRotator */
.rok-content-rotator {
padding-top: 1px;
width: 605px;
height: 140px;
}
.rok-content-rotator h2 {
width: 200px;
font-size: 100%;
}
.rok-content-rotator h2 a.active {
font-weight: bold;
font-size: 120%;
}
.rok-content-rotator h2 a:hover.active {
text-decoration: none;
}
.rok-content-rotator .arrow {
width: 10px;
height: 15px;
left: 210px;
}
.rok-content-rotator .content {
padding: 10px;
}
/* dont change below */
.rok-content-rotator {
position: relative;
}
.rok-content-rotator ul {
margin: 0;
padding: 0;
}
.rok-content-rotator .arrow {
position: absolute;
top: 0;
}
.rok-content-rotator li {
list-style: none;
padding: 0;
}
.rok-content-rotator h2 a {
}
.rok-content-rotator .content {
position: absolute;
left: 0;
top: 0;
margin-left: 250px;
}
/* @end */
/* @group RokSlide */
#moduleslider-size {
height: 260px;
overflow: hidden;
margin-top: 15px;
margin-bottom: 15px;
}
#rokslide-toolbar span {
white-space: nowrap;
}
#frame {
text-align: left;
}
#maincol #frame .module {
margin-right: 10px;
}
#frame .module, #frame .module-hilite3, #frame .module-hilite4, #frame .module-hilite5, #frame .module-hilite6 {
float: left;
}
#frame .module div, #frame .module-hilite3 div, #frame .module-hilite4 div, #frame .module-hilite5 div, #frame .module-hilite6 div {
padding: 0 5px;
}
#frame .module div div, #frame .module-hilite3 div div, #frame .module-hilite4 div div, #frame .module-hilite5 div div, #frame .module-hilite6 div div {
padding: 0;
}
#frame .mmpr-1 .module, #frame .mmpr-1 .module-hilite3, #frame .mmpr-1 .module-hilite4, #frame .mmpr-1 .module-hilite5, #frame .mmpr-1 .module-hilite6 {
width: 100%;
}
#frame .mmpr-2 .module, #frame .mmpr-2 .module-hilite3, #frame .mmpr-2 .module-hilite4, #frame .mmpr-2 .module-hilite5, #frame .mmpr-2 .module-hilite6 {
width: 46%;
}
#frame .mmpr-3 .module, #frame .mmpr-3 .module-hilite3, #frame .mmpr-3 .module-hilite4, #frame .mmpr-3 .module-hilite5, #frame .mmpr-3 .module-hilite6 {
width: 31%;
}
#frame .mmpr-4 .module, #frame .mmpr-4 .module-hilite3, #frame .mmpr-4 .module-hilite4, #frame .mmpr-4 .module-hilite5, #frame .mmpr-4 .module-hilite6 {
width: 22%;
}
#frame .mmpr-5 .module, #frame .mmpr-5 .module-hilite3, #frame .mmpr-5 .module-hilite4, #frame .mmpr-5 .module-hilite5, #frame .mmpr-5 .module-hilite6 {
width: 18%;
}
#tabmodules {
overflow: hidden;
}
#tabmodules li span {
margin-left: -1px;
}
#tabmodules li.first span {
margin-left: 0;
}
#tabmodules div div div {
padding-top: 15px;
padding-bottom: 20px;
}
#tabmodules div div div div {
padding: 0;
}
/* @end */
#accessibility-section {
width: 110px;
height: 20px;
margin-top: 80px;
right: 0;
position: absolute;
}
#accessibility-section span {
background-repeat: no-repeat;
}
#accessibility-section a {
text-decoration: none;
cursor: pointer;
}
#accessibility-section #access-buttons {
float: right;
padding-right: 10px;
}
#accessibility-section .button {
display: block;
float: right;
width: 13px;
height: 14px;
margin-right: 15px;
}
a.nounder {
text-decoration: none;
border: 0;
cursor: pointer;
}
a.nounder:hover {
text-decoration: none;
}
a img.album {
border-width: 2px;
border-style: solid;
}
.clr {
clear:both;
}
fieldset {
border-left: 0;
border-right: 0;
}
fieldset.input {
border: 0;
}
a img {
border: 0;
}
img.content-left {
float: left;
margin-right: 10px;
padding: 5px;
}
img.content-right {
float: right;
margin-left: 10px;
padding: 5px;
}
#referencewidth {
width: 100%;
overflow:hidden;
}
body .pollstableborder {
border: 0px;
}
.back_button {
margin-top: 20px;
}
/* @end */
/* @group signal login styling */
#sl_vert {
position: relative;
overflow: hidden;
/* margin-bottom: -10px; */
}
#sl_vert.logout {
margin-bottom: 0;
padding-bottom: 50px;
}
#sl_vert #greeting {
/* width: 55%; */
}
#sl_username {
height: 18px;
padding-bottom: 4px;
margin-bottom: 5px;
}
#sl_vert #sl_username input#mod_login_username {
background: url(../images/username.png) 3px 50% no-repeat;
width: 130px;
}
#sl_pass {
height: 30px;
margin: 0;
}
#sl_vert #sl_pass input#mod_login_password {
background: url(../images/password.png) 3px 50% no-repeat;
width: 130px;
}
#sl_submitbutton {
/*
position: absolute;
top: 27px;
right: 30px;
font-size: 100%;
*/
}
.logout #sl_submitbutton {
top: 0;
right: 30px;
}
#sl_vert #sl_username input#mod_login_username,
#sl_vert #sl_pass input#mod_login_password,
#sl_vert #sl_submitbutton input.button, .calondariobutton {
height: 18px;
line-height: 18px;
padding: 2px 2px 2px 25px;
font-size: 100%;
}
#sl_vert #sl_submitbutton input.button, .calondariobutton {
height: 24px;
padding: 2px 10px;
cursor: pointer;
}
#sl_rememberme {
float: left;
height: 20px;
line-height: 20px;
}
#sl_rememberme input {
float: left;
}
#sl_lostpass,
#sl_register {
float: left;
margin-left: 10px;
height: 20px;
line-height: 20px;
}
/* @end */
/* demo content stuff */
/* can be deleted */
#monitor-image {
margin-top:-20px;
width:175px;
height:191px;
float:right;
position: relative;
background:url(/mar08/images/stories/monitor.png);
}
#online-image {
width:60px;
height:39px;
float:left;
position: relative;
background:url(/mar08/images/stories/online.png);
}
#rightcol .moduletable-hilitemap h3 {
padding: 22px 0 0 0px;
margin: 0px 0px 0 0px;
height: 40px;
font-size: 130%;
line-height: 22px;
}
/* FACEFOOK SHARE BUTTON */
.FB_share_button {cursor:pointer;}
.FBConnectButton_Small a {cursor: pointer;}
a.FBConnectButton:active,
.FBConnectButton_Text,
a.FBConnectButton_RTL:active,
.FBConnectButton_Text,
.FBConnectButton:active,.FBConnectButton_Text,
.FBConnectButton_RTL:active,
.FBConnectButton_Text {cursor: pointer;}
fb:share-button {cursor: pointer;}
/* calondario, grafici personalizzati - css by gianko*/
/************/
.misuregraphtool,
.mesigraphtool,
.diregraphtool {background-color:white;padding:5px;border:1px solid #423f35; color:#423f35; max-width:200px;}
.misuregraphdiv {padding-top:6px;text-align:center;height:24px;float:left;}
.diregraphdiv {background-color:#90B9D2;background-position:right; background-repeat:no-repeat;text-align:center;height:24px;padding-top:6px;min-width:30px;}
.costagraphdiv {background-color:#A2C583;text-align:center;height:30px;padding-top:15px;float:left;}
.mesegraphdiv {width:100%; background-color:#E19457;text-align:center;float:left;}
.meselegend {width:8.33%; text-align:center; float:left; font-weight:bold;}
.mesecontainer {height:100%;float:left;width:8.33%;}
.costacontainer {width:100%;height:45px;clear:both;}
#risultati a:hover, #risultatianni a:hover {text-decoration:none; cursor:default;}
.diregraphtool h9 {text-align:center;font-weight:bold;width:100%;}
.formerror {border:2px solid brown;width:92%;}
.standard {border: 0px; width:92%;}
/* FINE */
/********/